在form中的button点击同时触发onSubmit和onClick的坑

      <form onSubmit={(ev) => { this.submit(ev) }}>
        <button onClick={() => { console.log(this.hobbies) }}>点击获取数据</button>
      </form>

button的默认type是submit类型的，所以，不设置type的情况下，点击，会同时走onSubmit方法，和自身设置的点击事件 onClick方法。

所以在表单中，button不做提交按钮使用的时候，需要设置type = 'button'.

      <form onSubmit={(ev) => { this.submit(ev) }}>
        <button type="button"  onClick={() => { console.log(this.hobbies) }}>点击获取数据</button>
      </form>