使用onChange HTML元素在React组件内部传递变量

时间:2018-02-19 09:36:41

标签: javascript reactjs rest frontend system.componentmodel

如何将搜索组件传递给第二个子组件? 我无法将文本字段的onChange从我的子组件传递到我的主index.js,任何输入都被赞赏。来自两个不同文件的代码

[Main]
render () {
    return (
        <div>
            <h1>Previous Logins</h1>
            <Search onSearch={this.search}/>
            <userList users={this.state.users}/>
        </div>
    )
}
_______________________________________________
onChange (e) {
    this.setState({
        term: e.target.value
    });
//console.log(this.state.term);
}

search() {
    this.props.onSearch(this.state.term);
}
[SubComponent]
render() {
    return (<div>
        Enter Username: <input value={this.state.terms} onChange={this.onChange}/>       
        <button onClick={this.search}> Login </button>
    </div>) 
    }
}

0 个答案:

没有答案