javascript - react 输入元素中的“ReferenceError:getInput未定义”

class HelloWorldComponent extends React.Component {
  constructor() {
    super()
    this.getInput = this.getInput.bind(this)
  }
  getInput() {
    alert('focused');
  }
  render() {
    return (
      <input type="text" onFocus={getInput}/>
    );
  }
}

ReactDOM.render(
  <HelloWorldComponent/>,
  document.getElementById('react_example')
);

此代码有什么问题？无法获取警报，我得到了getInput未定义错误。

http://jsbin.com/qoduyawaci/1/edit

最佳答案

您忘记添加正确的参考。使用this.get Input代替get Input。
像这样

class HelloWorldComponent extends React.Component {
  constructor() {
    super()
    this.getInput = this.getInput.bind(this);
  }
  getInput() {
    alert('focused');
  }
  render() {
    return (
      <input type="text" onFocus={this.getInput}/>
    );
  }
}

ReactDOM.render(
  <HelloWorldComponent/>,
  document.getElementById('react_example')
);

关于javascript - react 输入元素中的“ReferenceError:getInput未定义”，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41755974/