在react函数式中父组件调用子组件的方法
时间: 2023-06-21 22:25:02 浏览: 169
React通过父组件传递类名给子组件的实现方法
5星 · 资源好评率100%
在 React 函数式组件中,父组件可以通过 props 将方法传递给子组件,子组件可以通过 props 调用父组件传递的方法。
例如,父组件定义一个方法:
```jsx
function ParentComponent() {
function handleChildClick() {
console.log('Child clicked');
}
return (
<div>
<ChildComponent onClick={handleChildClick} />
</div>
);
}
```
然后将这个方法通过 props 传递给子组件:
```jsx
function ChildComponent(props) {
function handleClick() {
props.onClick();
}
return (
<button onClick={handleClick}>Click me</button>
);
}
```
当子组件中的按钮被点击时,会调用传递过来的 `onClick` 方法,从而触发父组件中定义的 `handleChildClick` 方法。
阅读全文