React在线编辑

{"code":{"html":"<!DOCTYPE html>\n\n \n <meta charset=\"UTF-8\" />\n Hello World\n <script src=\"https://unpkg.com/react@17/umd/react.production.min.js\" crossorigin></script>\n\t\t<script src=\"https://unpkg.com/react-dom@17/umd/react-dom.production.min.js\" crossorigin></script>\n\n \n <script src=\"https://unpkg.com/@babel/standalone/babel.min.js\"></script>\n \n \n <div id=\"root\"></div>\n <script type=\"text/babel\">\n </script>\n \n \n","css":"","js":"class HelloWord extends React.Component {\n\tcomponentDidMount() {\n\t\tconsole.log(\"Hello World\");\n\t}\n\n\trender() {\n\t\treturn

Hello World

\n\t}\n}\n\nReactDOM.render(\n ,\n document.getElementById('root')\n);\n"},"options":{"activeKey":"player","hide":{"html":true,"css":true,"js":false},"name":{"html":"HTML","css":"CSS","js":"JavaScript"},"layout":"left","profile":{"html":"","css":"type=\"text/css\"","js":"type=\"text/babel\""},"mode":{"html":"htmlmixed","css":"css","js":"jsx"}}}