React：在容器内如何将组件渲染到另一个组件而不重新渲染其他组件？

Question

我的问题似乎有点模糊，首先让我解释一下我想用图像做什么：

You can see here

我有一个容器组件，让我们说星星。在这个组件里面我还有两个人正在呈现：演员和女演员。正如您所看到的，有电影和电视节目的链接，这也是两个组成部分。我想要的是当我点击电影时它将呈现给演员而没有重新演绎女演员。女演员同样如此。

那时，我对React和React Router有一些基础知识。我尝试了路由和交换机的运气，但我无法开始工作。这是我的问题，这可能吗？如果是，我可以/应该使用什么？状态或我还不知道的任何其他方法（如Redux）？

或者我的策略不是很好？即，如果不重新装配容器组件，这是不可能的？

My React版本：16.0.0-alpha.12

My React Router版本：4.1.1

编辑：我稍微改变了一下这个问题。在原来的一个中，我用“不改变URL”这个短语问了这个问题。但是，这不是我的主要观点。我只想交换组件而不重新放入容器中的其他组件。

Answer 1

这可以通过容器中的状态来处理，但假设您想通过URL执行此操作，React-Router附带了嵌套路由的选项。

https://github.com/reactjs/react-router-tutorial/tree/master/lessons/04-nested-routes

如果您为演员创建路线并为演员创建路线，则可能可以实现。