react hooks 父子组件传方法
在React Hooks中，可以使用父组件将方法传递给子组件。以下是一种常见的方法：
父组件中，需要传递的方法使用`useCallback`定义，并将其作为prop传递给子组件：
```jsx
import React, { useCallback } from 'react';
import ChildComponent from './ChildComponent';
const ParentComponent = () => {
  const handleMethod = useCallback(() => {
    console.log('Method called');
  }, []);
  return (
    <div>
      <ChildComponent onMethod={handleMethod} />
    </div>
  );
};
export default ParentComponent;
```
reacthooks理解在子组件中，可以直接使用这个方法：
```jsx
import React from 'react';
const ChildComponent = ({ onMethod }) => {
  const handleClick = () => {
    onMethod();
  };
  return (
    <div>
    <button onClick={handleClick}>调用方法</button>
    </div>
  );
};
export default ChildComponent;
```
这样，父组件中定义的方法 `handleMethod` 就可以通过 `onMethod` prop 传递给子组件，并在子组件中调用。

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