首页 > 解决方案 > 转换后渲染组件 - React

问题描述

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

谢谢!

标签: javascriptcssreactjs

解决方案


在过渡到中心发生后,它会渲染链接到它的组件

使用条件渲染路由

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

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

推荐阅读