如何通过网络请求组件并为它们提供反应

Question

<Parent>
    <Child1 />
    <Child2 />
</Parent>

如何从上述状态转到

<Parent>
    <NewChild1 />
    <NewChild2 />
    <NewChild3 />
    ... and so on
</Parent>

如何在不预加载NewChild组件的情况下在需要时执行此操作？ 我想要一种方法，以便我可以在需要时请求组件并在父组件内部代替现有的子组件进行反应。

就像facebook一样 - 虽然在新闻源中它呈现新闻源，但它没有在JavaScript中预先加载配置文件页面，当用户点击配置文件时，它会获取配置文件组件并将其呈现为代替新闻源组件。 怎么做？

Answer 1

您应该使用conditional rendering。由于懒惰的评估，残疾儿童不会被渲染甚至评估。

以下是其用法示例：

<Parent>
    {(enableChild1) && 
        <Child1 {...child1props}/>
    }
    {(enableChild2) && 
        <Child2 {...child2props}/>
    }
</Parent>

但如果您想要无限数量的孩子，请考虑使用Lists。