2017-05-25 62 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()刪除()。就這樣。