| 1234567891011121314151617181920212223242526272829 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <title>事件处理</title>
- <script src="../babel.min.js"></script>
- <script src="../react.development.js"></script>
- <script src="../react-dom.development.js"></script>
- </head>
- <body>
- <div id="root"></div>
- <button id="btn">原生事件</button>
- <script type="text/babel">
- var obj = { name: 'big fat girl baby' };
- function onClick() {
- console.log(this);
- }
- document.getElementById('btn').onclick = onClick;
- // let element = <button onClick={onClick}>click me</button>;
- let element = <button onClick={onClick.bind(obj)}>click me</button>;
- ReactDOM.createRoot(document.querySelector('#root')).render(element);
- </script>
- </body>
- </html>
|
