在 react 中运行时导入组件是否会影响应用程序的性能

Question

如果我在render/componentWillMount中导入组件，这会影响性能吗？

例如

render() {
    var Comp = require('./App1').default
    return (
      <View style={{ flex: 1 , backgroundColor: 'black'}}>
        <Comp />
      </View>
    )
}

我这样做的原因是动态替换基于 JSON 数据的页面。

Answer 1

render()可以被 React 调用很多次，而且它不是破坏性的。React 将比较您从render()返回的内容，并使用它来选择要挂载和卸载的内容。

如果将警报移动到 componentDidMount ，您将看到真正挂载的内容。