javascript-调用父函数onChange

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-调用父函数onChange，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1066字，纯文字阅读大概需要2分钟。

内容图文

这是我的组件的一个片段：

...

  handleChange(event) {
    this.setState({text: event.target.value});
    this.props.onChange;
  }

  //Render
  render() {
    return (
      <input
        onChange={ this.handleChange.bind(this) }
        value={ this.state.text }
        type="text" />
    );
  }
}

...

我以以下方式在另一个组件内部调用

searchListing(event) {
    console.log("Test");
  }

  //Render
  render() {
    return (
      <div className="story-block-content">
        <TextInput onChange={this.searchListing.bind(this)} />
      </div>
    );
  }

我假设onClick将通过,并且每次键入内容时,我都会在控制台中看到“测试”打印.但是事实并非如此,因为我什么也看不到.

但是如果我包装this.props.onChange;在console.log内部的第一个组件中,就像console.log(this.props.onChange)一样,我在console中得到以下输出：

    function searchListing(event) {
      console.log("Test");
    }

因此,我认为onClick正在经历,但并未以某种方式调用函数.

解决方法:

你必须打电话给onChange

handleChange(event) {
    this.setState({text: event.target.value});
    this.props.onChange(); // <-- you forgot ()
    // or like this if you want to pass event:
    //this.props.onChange(event);
    // or like this to pass new value:
    //this.props.onChange(event.target.value);
}

内容总结

以上是互联网集市为您收集整理的javascript-调用父函数onChange全部内容，希望文章能够帮你解决javascript-调用父函数onChange所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端