react学习笔记（二）React表单详解

一、不可控组件和可控组件介绍

什么是不可控组件

<input type="text" defaultValue="Hello World" />
var inputValue = ?
var inputValue = React.findDOMNode(this.refs.input).value

什么是可控组件

<input type="text" defaultValue={this.state.value} />
var inputValue = this.state.value　　

为什么组件要可控

组件可控的好处：

1、符合React的数据流

2、数据存储在state中，便于使用

3、便于对数据进行处理