我有两个组成部分.
我试图从Parent调用child的方法,我尝试了这种方式,但无法得到结果
class Parent extends Component {
render() {
return (
<Child>
<button onClick={Child.getAlert()}>Click</button>
</Child>
);
}
}
class Child extends Component {
getAlert() {
alert('clicked');
}
render() {
return (
<h1 ref="hello">Hello</h1>
);
}
}
有没有办法从父母那里调用孩子的方法？
注意:Child和Parent组件位于两个不同的文件中
我有一个名为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() …