{"id":3209,"date":"2023-02-08T22:58:01","date_gmt":"2023-02-08T13:58:01","guid":{"rendered":"https:\/\/nobunobu1717.site\/?p=3209"},"modified":"2023-02-08T22:58:01","modified_gmt":"2023-02-08T13:58:01","slug":"react%e3%81%a7usestate%e3%81%a7props%e3%81%ae%e5%80%a4%e3%82%92%e4%bd%bf%e7%94%a8%e3%81%97%e3%81%9f%e6%99%82%e3%81%ab%e7%94%bb%e9%9d%a2%e3%81%8c%e6%9b%b4%e6%96%b0%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84","status":"publish","type":"post","link":"https:\/\/nobunobu1717.site\/?p=3209","title":{"rendered":"React\u3067useState\u3067props\u306e\u5024\u3092\u4f7f\u7528\u3057\u305f\u6642\u306b\u753b\u9762\u304c\u66f4\u65b0\u3055\u308c\u306a\u3044\u6642\u306e\u5bfe\u5fdc\u65b9\u6cd5"},"content":{"rendered":"

\u6982\u8981<\/h2>\n

\u521d\u6b69\u7684\u306a\u8a71\u3067\u3042\u308b\u304c\u3001React\u3092\u4e45\u3057\u3076\u308a\u306b\u89e6\u308b\u3068\u5fd8\u308c\u3066\u3057\u307e\u3046\u306e\u3067\u30e1\u30e2\u3002
\n\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u5185\u3067\u89aa\u306eprops\u3092useState\u3067\u4fdd\u6301\u3059\u308b\u3068\u3001props\u304c\u5909\u66f4\u3055\u308c\u305f\u969b\u306b\u63cf\u753b\u304c\u5909\u66f4\u3055\u308c\u306a\u3044\u5834\u5408\u306e\u5bfe\u7b56\u65b9\u6cd5\u3002<\/p>\n

 <\/p>\n

\u5185\u5bb9<\/h2>\n

\u75c7\u72b6\u6982\u8981<\/h3>\n

\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3068\u3057\u3066\u3001\u89aa\u304b\u3089\u6e21\u3055\u308c\u308bprops\u306e\u5024\u3092useState\u3067\u4fdd\u6301\u3059\u308b\u3068\u3001\u89aa\u5074\u306eprops\u306e\u5024\u304c\u5909\u66f4\u3055\u308c\u3066\u3082\u63cf\u753b\u304c\u5909\u66f4\u3055\u308c\u306a\u3044\u3002
\n\u4e0b\u8a18\u306e\u3088\u3046\u306a\u30b3\u30fc\u30c9\u304c\u3042\u3063\u3066\u3001setCount\u5074\u3067\u5909\u66f4\u3057\u305f\u5834\u5408\u306b\u306f\u8868\u793a\u306fp\u30bf\u30b0\u306e\u5024\u306f\u5909\u66f4\u3055\u308c\u308b\u304c\u3001\u3053\u306e\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f7f\u7528\u3059\u308b\u89aa\u306eprops\u306ecount\u304c\u5909\u308f\u3063\u3066\u3082\u8868\u793a\u306f\u53cd\u6620\u3055\u308c\u306a\u3044\u3002<\/p>\n

type CounterProps = {\r\n  count: number;\r\n};\r\n\r\nexport default function Counter(props: CounterProps) {\r\n  const [count, setCount] = useState(props.count);\r\n  \/\/ \u5b9f\u969b\u306b\u306fsetCount\u3092\u4f7f\u3063\u305f\u51e6\u7406\u304c\u3042\u308b\u3068\u3057\u3066\u7701\u7565\r\n\r\n  return <p>{count}<\/p>\r\n}<\/pre>\n
\u89e3\u6c7a\u7b56<\/h3>\n
\u3053\u308c\u306fuseState\u306e\u521d\u671f\u5316\u306f1\u56de\u3057\u304b\u51e6\u7406\u304c\u8d70\u3089\u306a\u3044\u305f\u3081\u3002
\nprops\u304c\u5909\u66f4\u3055\u308c\u3066\u3082\u3001\u4ee5\u524d\u306e\u5024\u304c\u6b8b\u3063\u305f\u307e\u307e\u3068\u306a\u3063\u3066\u3044\u308b\u3002
\nuseEffect\u3067props\u3092\u76e3\u8996\u3059\u308b\u3053\u3068\u3067\u5bfe\u5fdc\u53ef\u80fd\u3002<\/p>\n
type CounterProps = {\r\n count: number;\r\n};\r\n\r\nexport default function Counter(props: CounterProps) {\r\n const [count, setCount] = useState(props.count);\r\n\r\n \/\/ props.count\u304c\u5909\u66f4\u3055\u308c\u305f\u3089setCount\u3067count\u3092\u5909\u66f4\u3059\u308b\r\n useEffect(() => {\r\n    setCount(props.count)\r\n  }, [props.count]);\r\n\r\n return <p>{count}<\/p>\r\n}<\/pre>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
\u6982\u8981 \u521d\u6b69\u7684\u306a\u8a71\u3067\u3042\u308b\u304c\u3001React\u3092\u4e45\u3057\u3076\u308a\u306b\u89e6\u308b\u3068\u5fd8\u308c\u3066\u3057\u307e\u3046\u306e\u3067\u30e1\u30e2\u3002 \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u5185\u3067\u89aa\u306eprops\u3092useState\u3067\u4fdd\u6301\u3059\u308b\u3068\u3001props\u304c\u5909\u66f4\u3055\u308c\u305f\u969b\u306b\u63cf\u753b\u304c\u5909\u66f4\u3055\u308c\u306a\u3044\u5834\u5408\u306e\u5bfe\u7b56\u65b9\u6cd5 … <\/p>\n","protected":false},"author":1,"featured_media":2450,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[22,47,16],"tags":[],"_links":{"self":[{"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=\/wp\/v2\/posts\/3209"}],"collection":[{"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3209"}],"version-history":[{"count":3,"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=\/wp\/v2\/posts\/3209\/revisions"}],"predecessor-version":[{"id":3213,"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=\/wp\/v2\/posts\/3209\/revisions\/3213"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=\/wp\/v2\/media\/2450"}],"wp:attachment":[{"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3209"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3209"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nobunobu1717.site\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}