React父组件如何触发子组件函数

React父组件如何触发子组件函数

const ModalContent: React.FC<{

 ref:any;

 sourceId?: any;

}> = forwardRef(({ sourceId, ...props }, ref) => {}

forwardRef

forwardRef 允许组件使用 ref 将 DOM 节点暴露给父组件。

forwardRef(render)

使用 forwardRef() 让组件接收 ref 并将其传递给子组件：

import { forwardRef } from 'react';



const MyInput = forwardRef(function MyInput(props, ref) {

  // ...

});

参数

• render：组件的渲染函数。React 会调用该函数并传入父组件传递的 props 和 ref。返回的 JSX 将作为组件的输出。

返回值

forwardRef 返回一个可以在 JSX 中渲染的 React 组件。与作为纯函数定义的 React 组件不同，forwardRef 返回的组件还