{"provider_url":"https://hatena.blog","published":"2020-03-01 08:18:17","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fswfz.hatenablog.com%2Fentry%2F2020%2F03%2F01%2F081817\" title=\"React\u3067props\u306e\u578b\u3092\u53d6\u5f97\u3059\u308b - notebook\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","type":"rich","version":"1.0","blog_title":"notebook","author_url":"https://blog.hatena.ne.jp/swfz/","url":"https://swfz.hatenablog.com/entry/2020/03/01/081817","blog_url":"https://swfz.hatenablog.com/","provider_name":"Hatena Blog","image_url":null,"title":"React\u3067props\u306e\u578b\u3092\u53d6\u5f97\u3059\u308b","height":"190","author_name":"swfz","width":"100%","description":"React\u306e\u52c9\u5f37\u3092\u59cb\u3081\u305f\u306e\u3067\u899a\u3048\u305f\u3053\u3068\u3092\u6b8b\u3057\u3066\u3044\u304f ComponentProps \u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u578b\u6ce8\u91c8\u3092\u53d6\u5f97\u3067\u304d\u308b const Hoge = (props: {p1: string, p2: string}) => { return <div></div> } type HogeProps = ComponentProps<typeof Hoge> const Fuga = (props: HogeProps) => { return <div></div> } \u3053\u3046\u3059\u308b\u3053\u3068\u3067Fuga\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306eprops\u306f {p1: string, p2: string} \u306b\u306a\u308b \u305f\u307e\u305f\u307eprops\u304c\u2026","categories":["React","TypeScript"]}