最佳实践是什么：在React中隐藏元素

Question

我们的应用程序中有一些模态，我很好奇这里隐藏它们的最佳实践是什么。我们使用具有字段isOpen的3rd party组件，但包装组件中还包含一些其他数据。仅模态需要此数据。

所以，这样做更好吗？

1. 甚至不渲染隐藏的包装组件

{this.state.showModal && CreateModal}

或

1. 始终渲染该组件并通过
控制其可见性

<Modal isOpen={this.props.showModal}

Answer 1

第一个始终有效，第二个仅在视图具有isOpen属性时才起作用（并非总是如此）。只要可行，两者都是好事，彼此之间没有明显的优势。

请注意，由于this.props.showModal不是this.state.showModal，因此不支持可见性的自动更新。实例化组件后，您无法控制。