【问题标题】:ReactJS onChange inputfield while typing?打字时ReactJS onChange输入字段?
【发布时间】:2017-05-25 09:07:21
【问题描述】:

我想在输入类型文本字段中执行ReactJS onChange中的附加功能,然后渲染功能是:

render(){
    return (
        <div>
            <InputText />
        </div>
    )
}

InputText 组件是:

class InputText extends React.Component {

    onChange(e){
        console.log("you typed again...");
    }

    render() {
        return (
            <input type="text" placeholder="search..." onChange={this.onChange()} />
        );
    }
}

控制台日志将在用户输入时执行,但使用我的方法,控制台日志只有在页面加载时才会出现。

如果用户开始输入,我必须在那里修复什么才能让它运行?

【问题讨论】:

  • onChange={this.onChange},没有()

标签: javascript reactjs react-redux


【解决方案1】:

而不是在 onChange 属性中调用函数,例如:

onChange={this.onChange()}

你只需要传递函数,比如:

onChange={this.onChange}

【讨论】:

    【解决方案2】:

    this.onChange() 中删除()。就是这样。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-05-07
      • 2019-07-29
      • 2018-05-08
      • 2018-07-16
      • 2020-10-05
      • 1970-01-01
      • 1970-01-01
      • 2015-10-26
      相关资源
      最近更新 更多