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>
)
}
}