Question

我想将道具传递给React Component（没有明显而且没有下降）。

示例：

<aside>
  <Navigation />
</aside>
<main>
  <Video />
</main>

我<a>上的Navigation元素上的

onClick ，我想更新我的Video组件状态（src）。

我知道我可以更改Child组件的状态，但对于这种情况..：/

任何人都可以帮助我？

谢谢社区！

Answer 1

将点击处理程序传递给导航，导航在父组件上调用setState（包含导航和视频）。你想要改变的东西应该是视频的道具。 setState将使视频重新呈现为新的道具。

Answer 2

您可以像这样设置状态

1创建一个函数来设置父组件中的状态。

2将其作为<Navigation />

的道具

3在您的<Navigation />

中使用此道具

Answer 3

一种方法是将redux与react一起使用。虽然redux是一个非常大的学习步骤，但一旦你掌握了它，它将帮助你轻松解决这样的问题。

为了让您非常粗略地了解如何通过redux组合做出反应，这里的工作流程非常简化。