{"type":"rich","author_name":"kikiki-kiki","version":"1.0","published":"2019-03-23 09:00:00","url":"https://chaika.hatenablog.com/entry/2019/03/23/090000","blog_title":"\u304b\u3082\u30e1\u30e2","width":"100%","author_url":"https://blog.hatena.ne.jp/kikiki-kiki/","categories":["React","JSX","JavaScript"],"provider_name":"Hatena Blog","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fchaika.hatenablog.com%2Fentry%2F2019%2F03%2F23%2F090000\" title=\"React \u8907\u6570\u306e\u30bf\u30b0\u3092\u8fd4\u3057\u3066 render \u3057\u305f\u3044 - \u304b\u3082\u30e1\u30e2\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","description":"React\u306eJSX\u3067\u8907\u6570\u306e\u30bf\u30b0\u3092\u8fd4\u3059\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u4f5c\u308a\u305f\u3044\u6642 JSX\u306f\u30eb\u30fc\u30c8\u304c1\u3064\u306e\u30bf\u30b0\u3067\u306a\u3044\u3068\u30a8\u30e9\u30fc\u306b\u306a\u308b \u4f8b\u304c\u30a2\u30ec\u3060\u3051\u3069\u3001\u3053\u308c\u306f\u30a8\u30e9\u30fc\u306b\u306a\u308b function ListData() { // \u30c8\u30c3\u30d7\u306e\u6539\u88c5\u306b\u8907\u6570\u306e\u30bf\u30b0\u3042\u308b\u3068\u30a8\u30e9\u30fc\u306b\u306a\u308b return ( <li>\u661f\u5bae\u3044\u3061\u3054</li> <li>\u9727\u77e2\u3042\u304a\u3044</li> <li>\u7d2b\u5439\u862d</li> ); } class List extends React.Component { render() { return ( <ul> <ListData /> </ul> ) } } ReactDOM.render( <List />, document\u2026","provider_url":"https://hatena.blog","title":"React \u8907\u6570\u306e\u30bf\u30b0\u3092\u8fd4\u3057\u3066 render \u3057\u305f\u3044","blog_url":"https://chaika.hatenablog.com/","image_url":"https://images-fe.ssl-images-amazon.com/images/I/51b4ZacFu-L._SL160_.jpg","height":"190"}