Question

我正在尝试使用此处描述的onChange方法保存用户的输入：https://facebook.github.io/react/docs/forms.html。

我输入了这行代码：

      <input type="text" onChange={this.changeTitle} ref="title" value={this.props.quiz ? this.getTitle() : ''}></input>

但是，在按空格键后调用this.refs.title.value时，空间未注册。无论如何我可以注册这个空间吗？

Answer 1

某事

var ChangeValue = React.createClass({

    getInitialState() {
      return { currentValue: '' };
    },

    onValueChange: function (evnt) {
      this.setState({ currentValue: evnt.target.value });
    },

    render: function() {
        return (
          <div>
             <input type="text" onChange={this.onValueChange} />
             <p>
               Current value is: <b>{this.state.currentValue}</b>
             </p>
          </div>
        );
    }
});

React.render(<ChangeValue />, document.body);

只需更改onValueChange方法即可执行您所需的操作。实例：http://jsbin.com/xayowaloxa/edit?html,js,output

使用带有React的onChange时，未注册空格

1 个答案: