{"categories":["\u5099\u5fd8\u9332","React","useRef"],"provider_url":"https://hatena.blog","author_url":"https://blog.hatena.ne.jp/shinshin86/","blog_title":"at backyard","type":"rich","provider_name":"Hatena Blog","title":"useRef\u3092\u4f7f\u3063\u3066\u6307\u5b9a\u3057\u305fDOM\u306e\u30b5\u30a4\u30ba\u3092\u53d6\u5f97\u3059\u308b\u65b9\u6cd5","author_name":"shinshin86","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fshinshin86.hateblo.jp%2Fentry%2F2021%2F08%2F11%2F233411\" title=\"useRef\u3092\u4f7f\u3063\u3066\u6307\u5b9a\u3057\u305fDOM\u306e\u30b5\u30a4\u30ba\u3092\u53d6\u5f97\u3059\u308b\u65b9\u6cd5 - at backyard\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","blog_url":"https://shinshin86.hateblo.jp/","url":"https://shinshin86.hateblo.jp/entry/2021/08/11/233411","published":"2021-08-11 23:34:11","width":"100%","height":"190","version":"1.0","image_url":null,"description":"\u6700\u8fd1\u3001\u8868\u984c\u306e\u3088\u3046\u306a\u51e6\u7406\u3092\u66f8\u304f\u3079\u304d\u72b6\u6cc1\u306b\u306a\u3063\u305f\u306e\u3060\u304c\u3001\u3046\u307e\u304f\u66f8\u3051\u306a\u304b\u3063\u305f\u306e\u3067\u3001\u53cd\u7701\u306e\u610f\u5473\u3092\u8fbc\u3081\u3066\u66f8\u3044\u3066\u3044\u304f\u3002 useRef \u3092\u7528\u3044\u3066\u5bfe\u8c61\u306eDOM\u3092\u53d6\u5f97 useRef \u3092\u4f7f\u3046\u3068\u5bfe\u8c61\u306eDOM\u3092\u53d6\u5f97\u3067\u304d\u308b\u3002 https://ja.reactjs.org/docs/hooks-reference.html#useref Ref \u3068 DOM \u2013 React \u4f8b\u3048\u3070 document.getElementById \u3084 document.querySelector\u306a\u3069\u3092\u4f7f\u3063\u3066DOM\u3092\u53d6\u5f97\u3057\u3066\u3001DOM\u81ea\u4f53\u306e\u30b5\u30a4\u30ba\u3092\u8a08\u6e2c\u3059\u308b\u3088\u3046\u306a\u5834\u9762\u3067useRef\u3092\u7528\u3044\u308b\u3053\u3068\u3067\u540c\u69d8\u306e\u51e6\u7406\u3092\u5b9f\u73fe\u3059\u308b\u3053\u3068\u304c\u53ef\u80fd\u3068\u306a\u308b\u3002 React\u3092\u2026"}