ブラウザだけで、React.js+ES6+JSX動かせるのか、知らなかった
参考サイトのままです。 ちょっと試してみようって時とか便利そう。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <!-- Skipping all HTML5 boilerplate --> <script src="https://unpkg.com/react@16.2.0/umd/react.development.js"></script> <script src="https://unpkg.com/react-dom@16.2.0/umd/react-dom.development.js"></script> <!-- For JSX support (with babel) --> <script src="https://unpkg.com/babel-standalone@6.24.2/babel.min.js" charset="utf-8"></script> <div id="app"></div> <!-- React mounting point--> <script type="text/babel"> class Watch extends React.Component { render() { return <div>{this.props.hours}:{this.props.minutes}</div>; } } ReactDOM.render(<Watch hours="9" minutes="15"/>, document.getElementById('app')); </script> </body> </html>