Question

我想在输入类型文本字段中的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()} />
        );
    }
}

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

如果用户从键入开始，我必须修复它以使其运行？

Answer 1

从()移除this.onChange()。这就是全部。

Answer 2

而不是在onChange道具中调用该函数，例如：

onChange={this.onChange()}

你只需要传递这个功能，比如：

onChange={this.onChange}

在输入时ReactJS onChange输入字段？

2 个答案: