09-设置事件.html

  
  <button onclick="show()">外部按钮button>
  <div id="root">div>
  <script src="./react.js">script>
  <script src="./react-dom.js">script>
  <script src="./babel.min.js">script>
  <script type="text/babel">
    function show(ev){
      //参数为事件对象
      console.log(ev)
      alert('aaaa')
    }
    //需求是点按钮弹出a
    /*
    JSX设置事件：
        元素属性得事件名要驼峰命名，如onClick，
        事件函数赋值时用{}函数对象，如{show},不是函数调用,如{show()}

    
    */
    ReactDOM.render((<div><button onClick={show}>按钮</button></div>),document.getElementById('root'))
  
  script>