Form

一些技巧

获取 formdata

参考: so

class NameForm extends React.Component {
  handleSubmit = (event) => {
    event.preventDefault() # 取消form的默认行为(例如:自动刷新)
    console.log(event.target[0].value)
    console.log(event.target.elements.username.value)
    console.log(event.target.username.value) # 用的最多
    console.log(this.inputNode.value)
  }
  render() {
    return (
      <form onSubmit={this.handleSubmit}>
        <label>
          Name:
          <input
            type="text"
            name="username"
            ref={node => (this.inputNode = node)}
          />
        </label>
        <button type="submit">Submit</button>
      </form>
    )
  }
}