2017-05-25 66 views
0

我想在ReactJS的onChange在输入类型文本字段以执行附加的功能,然后渲染功能是:键入时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()} /> 
     ); 
    } 
} 

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

如果用户开始输入,需要修复哪些内容才能运行?

+1

'的onChange = {this.onChange}',不'()' – Oen44

回答

0

而不是调用onChange道具中的功能,像:

onChange={this.onChange()} 

你只需要传递的功能,如:

onChange={this.onChange} 
+0

哇,它完美的作品,非常感谢! –

0

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