reacthook 父调用子方法
在 React 中，可以使用 useEffect Hook 来实现父组件调用子组件的方法。具体步骤如下：
1. 在子组件中定义一个方法，例如 `handleClick`。
2. 在父组件中，使用 useEffect Hook 并在其依赖数组中传入子组件的引用。
3. 在 useEffect Hook 的回调函数中，调用子组件的 `handleClick` 方法。
下面是一个示例代码：
子组件：
react面试题hook是什么```javascript
import React, { useRef } from 'react';
const ChildComponent = () => {
  const childRef = useRef();
  const handleClick = () => {
    ('Child component clicked');
  };
  return (
    <div>
      <button ref={childRef} onClick={handleClick}>
        Click me
      </button>
    </div>
  );
};
export default ChildComponent;
```
父组件：
```javascript
import React, { useEffect } from 'react';
import ChildComponent from './ChildComponent';
const ParentComponent = () => {
  const childRef = useRef();
  useEffect(() => {
    const handleClick = () => {
      (); // 调用子组件的 handleClick 方法
    };
    ('click', handleClick); // 监听全局点击事件，当点击时调用子组件的方法
  }, []); // 依赖数组为空，表示只在组件挂载时执行一次 useEffect Hook 的回调函数
  return (
    <div>
      <ChildComponent ref={childRef} /> // 将子组件的引用传递给子组件的 ref 属性中
    </div>
  );
};
export default ParentComponent;
```

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。