在onChange事件

时间:2016-02-16 14:49:43

标签: javascript reactjs

我的组件有点困难,我需要从道具上调用onChange

<input type="text" value={this.state.text} onChange={this.props.onChange} />

但是还调用名为handleChange()的组件中的另一个函数来更新state.text,我试过了

 <input type="text" value={this.state.text} onChange={this.props.onChange; this.handleChange} />

但这似乎不起作用。

3 个答案:

答案 0 :(得分:24)

您可以将两个函数放在双引号中来完成:

<input type="text" value={this.state.text} onChange="this.props.onChange(); this.handleChange();" />

这应该有效。但是如果你在第一个函数中调用第二个函数会更好:

function testFunction() {
    onChange();
    handleChange();
}

答案 1 :(得分:1)

Q

您可能不需要total1 = fsize(myfile); while ((input = getch()) != 'Q') { ,但我怀疑您会这样做。

这将在每个渲染上创建一个新函数,因此在某些方面将该函数作为组件方法更好,但这应该有效。

答案 2 :(得分:0)

如果您想要内联解决方案,则可以执行以下操作:

 <input type="text" value={this.state.text} onInput={this.props.onChange} onChange={this.props.handleChange} />

onInput和onChage之间的区别在这里:

Difference between "change" and "input" event for an `input` element