父组件触发子组件函数

父组件可以通过props将一个函数传递给子组件，并在需要的时候调用该函数来触发子组件的函数。

例如，父组件可以这样定义一个函数并将其传递给子组件：

function ParentComponent() {
  const triggerChildFunction = () => {
    // 父组件触发子组件函数的逻辑
  };

  return <ChildComponent triggerFunction={triggerChildFunction} />;
}

在子组件中，可以通过props接收到父组件传递过来的函数，并在需要的时候调用该函数：

function ChildComponent(props) {
  const handleTrigger = () => {
    props.triggerFunction(); // 调用父组件传递的函数
  };

  return (
    <div>
      <button onClick={handleTrigger}>触发子组件函数</button>
    </div>
  );
}

这样，当父组件中的按钮被点击时，会调用父组件传递给子组件的函数，从而触发子组件中的函数。