如何将自定义道具传递给道具？

Question

我是一个相当新的反应，这是一个我正在努力解决的问题。

<child componentToBeRendered = {component} />

function child(props){
    function toBePassed(){ ... }
    <props.componentToBeRendered fun = {toBePassed} />
}

Answer 1

您可以重命名传递的组件道具，按照通常的方式呈现它，并按照通常的方式向它传递道具。类似于选择类型作为运行时

function Child(props){
    const ComponentToBeRendered = props.componentToBeRendered;

    function toBePassed(){ ... }

    return <ComponentToBeRendered fun={toBePassed} />;
}

我通常在函数签名中使用这个模式进行道具破坏，重命名被破坏的道具。

function Child({ componentToBeRendered: ComponentToBeRendered }) {
  function toBePassed(){ ... }

  return <ComponentToBeRendered fun={toBePassed} />;
}