如何在reactjs中动态加载组件？

您可以轻松实现这一目标。在此示例中，我将基于prop动态渲染组件：

class MyComponent extends React.Component {  propTypes: {    display: React.PropTypes.bool  },  render() {    return (       <div>         {this.props.display ? <ChildComponent /> : null}       </div>    )  }}

在您的情况下，您可能希望使用内部组件状态来安装或卸载组件。

仅供参考，在某些情况下，您可能更喜欢或需要使用样式来隐藏组件而不是破坏它们。React文档中有更多有关此的内容。请参阅此处的“有状态的孩子”部分：https : //facebook.github.io/react/docs/multiple-
components.html