Reactjs 将父母的道具传递给孩子

我是react的新手，我读过医生。这是一个一般性的问题。 我了解如何将道具从子组件传递到父组件。但是，我不明白如何将道具从父组件传递到子组件

因此，在图片中，要将道具从列表传递到应用程序，我会这样做： 在列表组件中：

interface Props {
   onCreateDoc : () => void
}

在我的应用程序组件中： 我用道具打电话：

<List onCreateDoc={this.onCreateDocCb}/>

---

但我不知道如何将道具从应用程序传递到表单。我该怎么做？谢谢

了解如何传递道具比了解如何接收道具更容易

通过以下方式向表单组件添加道具：

const bar=“bar”
const fooBar=（）=>console.log（“fooBar”）

在表单组件内部，您可以通过

this.props.stringProps

访问它。 您可以在这里找到示例：

编辑：下面是一个片段，其中包含一个应用程序和一个表单组件，以及从一个应用程序传递到另一个表单的道具

//无状态功能组件示例
常量形式=（{label}）=>(
{label}
);
//示例类组件
类应用程序扩展了React.Component{
render（）{
const{title}=this.props；
返回(
{title}
);
}
}
//渲染它
ReactDOM.render(
,
document.getElementById（“react”）
);
了解如何传递道具比了解如何接收道具更容易

通过以下方式向表单组件添加道具：

const bar=“bar”
const fooBar=（）=>console.log（“fooBar”）

在表单组件内部，您可以通过
this.props.stringProps
访问它。
您可以在这里找到示例：

编辑：下面是一个片段，其中包含一个应用程序和一个表单组件，以及从一个应用程序传递到另一个表单的道具


//无状态功能组件示例
常量形式=（{label}）=>(
{label}
);
//示例类组件
类应用程序扩展了React.Component{
render（）{
const{title}=this.props；
返回(
{title}
);
}
}
//渲染它
ReactDOM.render(
,
document.getElementById（“react”）
);

您可以再次将其从应用程序传递到表单，或者使用Redux/Flux/MobxAdd将一个道具添加到表单中，该道具采用值而不是函数。这是React中组件通信的一般模式-值和处理程序函数通过道具传递给子级，处理程序被调用以在发生事件时通知父级。如果我理解，我不能这样做？你可以将它从一个应用程序传递到另一个表单，或者使用Redux/Flux/MobxAdd将一个道具添加到表单，该道具接受一个值而不是一个函数。这是React中组件通信的一般模式-值和处理程序函数通过道具传递给子组件，处理程序被调用以在发生事件时通知父组件。Si如果我理解，我不能这样做？是的，当我想将道具从子组件传递给父组件时，我会这样做。但是我想记录我的道具，从应用程序到表单，例如，我不能这样做。是的，当我想将道具从子组件传递到父组件时，我会这样做。但我想把我的道具，从应用程序到表单，例如，我不能那样做。。
onCreateDocCb = () =>{
// code of function
}