ReactNative--表單

  /*
    用戶在輸入框內輸入的內容進行實時顯式

    分析：
    組件與用戶交互過程中，存在狀態的變化，即輸入框的值
  */

    var Input = React.createClass({
      getInitialState:function () {
        return {
          value:"請輸入"
        };
      },
      handleChange:function (event) {
        this.setState({
          value: event.target.value
        });
      },
      render:function () {
        var value = this.state.value;
        return(
          <div>
            <input type="text" value={value} onChange={this.handleChange} />
            <p>{value}</p>
          </div>
        );
      }
    });

    ReactDOM.render(
      <Input />,
      document.getElementById("container")
    )