React.createElement创建的react组件 调用父级方法
时间: 2023-11-04 08:14:29 浏览: 116
React 子组件向父组件传值的方法
5星 · 资源好评率100%
要调用父级方法,需要将该方法作为props传递给子组件,然后在子组件中调用该方法即可。
例如,假设有一个父组件Parent和一个子组件Child,Parent有一个方法handleClick,可以在子组件中调用该方法。
```jsx
class Parent extends React.Component {
handleClick() {
console.log('clicked!');
}
render() {
return (
<div>
<Child onClick={this.handleClick} />
</div>
);
}
}
function Child(props) {
return (
<button onClick={props.onClick}>Click me</button>
);
}
```
在这个例子中,Parent将handleClick方法作为props传递给Child组件,Child组件在button元素上使用onClick属性来调用该方法。当用户点击按钮时,会在控制台中打印出'clicked!'的消息。
阅读全文