在转换后渲染组件 - React

Question

我想知道是否有人能够为我的项目的后续步骤提供一些指导。 我正在尝试从该站点https://www.signesduquotidien.org/复制更简单版本的动画，以作为反应。 该网站是用 jquery 制作的。 这是我到目前为止所拥有的https://rljho.csb.app/ ，您应该也可以从该链接转到沙箱。 我想弄清楚的是如何向圆圈添加功能，以便当我单击它时，在过渡到中心后，它会呈现与其链接的组件。 任何/所有建议将不胜感激。

谢谢！

Answer 1

过渡到中心后，它会渲染链接到它的组件

使用条件渲染或Routing 。

在您的情况下，将activeCircle更改为状态并有条件地呈现您想要的组件：

activeCircle === "blue" ? <MyComponent/> : <DefaultComponent/>