{"title":"React.js \u3067\u3001HTML \u3092\u63cf\u753b\u3057\u305f\u3044","version":"1.0","author_url":"https://blog.hatena.ne.jp/yunagi_n/","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.natsuneko.blog%2Fentry%2F2016%2F01%2F07%2Freact-js-html-render\" title=\"React.js \u3067\u3001HTML \u3092\u63cf\u753b\u3057\u305f\u3044 - \u306a\u3064\u306d\u3053\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>","categories":["Node.js"],"provider_url":"https://hatena.blog","blog_title":"\u306a\u3064\u306d\u3053\u30e1\u30e2","provider_name":"Hatena Blog","url":"https://tech.natsuneko.blog/entry/2016/01/07/react-js-html-render","width":"100%","author_name":"yunagi_n","type":"rich","image_url":null,"description":"\u6700\u8fd1\u3001 React.js + Electron + TypeScript \u3067\u3001\u30a2\u30d7\u30ea\u3092\u4f5c\u3063\u3066\u3044\u308b\u306e\u3067\u3059\u304c\u3001 render() \u306e\u4e2d\u306e React Component \u3067\u3001\u751f\u306e HTML \u3092\u6271\u3046\u3053\u3068\u304c\u767a\u751f\u3057\u305f\u306e\u3067\u3001 \u3084\u308a\u65b9\u3092\u66f8\u3044\u3066\u304a\u304d\u307e\u3059\u3002 \u901a\u5e38\u901a\u308a\u306b\u5024\u3092\u6e21\u3059\u3068\u3001\u30a8\u30b9\u30b1\u30fc\u30d7\u3055\u308c\u3066\u3001 <p> hoge </p> \u3068\u3044\u3063\u305f\u3088\u3046\u306b\u3001 \u8868\u793a\u3055\u308c\u307e\u3059\u304c\u3001dangerouslySetInnerHTML \u3092\u4f7f\u3046\u3053\u3068\u3067\u3001 \u751f\u306e HTML \u3067\u63cf\u753b\u3059\u308b\u3053\u3068\u304c\u53ef\u80fd\u3067\u3059\u3002 DOM Elements \u2013 React \u305f\u3060\u3001 XSS \u304c\u767a\u751f\u3059\u308b\u53ef\u80fd\u6027\u304c\u51fa\u3066\u304f\u308b\u306e\u3067\u3001\u4f7f\u7528\u306b\u306f\u6ce8\u610f\u304c\u5fc5\u8981\u3067\u3059\u3002 \u5b9f\u969b\u306b\u4f7f\u3046\u3068\u3001\u3053\u3093\u306a\u611f\u3058\u3002 //\u2026","height":"190","blog_url":"https://tech.natsuneko.blog/","published":"2016-01-06 15:00:00"}