Javascript 在转换后渲染组件-React

我想知道是否有人能为我的项目的下一步提供一些指导。我正在尝试从这个站点复制简单版本的动画，在react中。该站点是用jquery创建的。这就是我到目前为止所做的，您也应该能够从该链接转到沙箱。我想弄清楚的是如何向圆中添加功能，这样当我单击圆时，在过渡到中心后，它会呈现链接到圆的组件。如有任何/所有建议，将不胜感激

谢谢大家!

过渡到中心后，将渲染链接到中心的零部件

使用或

在您的情况下，将

activeCircle

更改为状态，并有条件地呈现所需的组件：

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

activeCircle==“蓝色”？：

感谢您的快速响应！我是将这行代码添加到div中，还是替换已经存在的三元代码？我想去路由/链接路线，但不确定我将在app.js或circles.js中添加它，如果它在circles.js中，我将如何将链接添加到divs。阅读链接，这里有足够的示例