<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>React App</title> <script src="https://cdn.staticfile.org/react/16.13.0/umd/react.development.js"></script> <script src="https://cdn.staticfile.org/react-dom/16.13.0/umd/react-dom.development.js"></script> <script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script></head><body> <div id="root"></div> <script type="text/babel"> class Football extends React.Component { shoot() { alert("Hello!"); } render() { return ( <button onClick={this.shoot}>单击我试试</button> ); } } ReactDOM.render(<Football />, document.getElementById('root')); </script> </body></html>