我有一个名为List的简单组件,它是一个简单的ul,里面有一些li.每个li都是一个简单的组件.我有其他父组件,它呈现一个输入字段和List组件.点击发送键我捕获输入字段的文本.我想调用一个名为handleNewText(inputText)的函数,但是这个函数需要保留在List组件中,因为我用来填充其他li组件的状态存在于List组件中.
我不希望重构List和MyParent组件传递数据从管理List到MyParent.
第一个是父母,第二个是孩子
class TodoComp extends React.Component {
constructor(props){
super(props);
this.handleKeyPress = this.handleKeyPress.bind(this);
}
componentDidMpunt(){
console.log(this._child.someMethod());
}
handleKeyPress(event){
if(event.key === 'Enter'){
var t = event.target.value;
}
}
render(){
return (
<div>
<input
className="inputTodo"
type="text"
placeholder="want to be an hero...!"
onKeyPress={this.handleKeyPress}
/>
<List/>
</div>
);
}
}
export default class List extends React.Component {
constructor() …reactjs ×1