有条件的渲染或用于模态渲染的道具

Question

我对用于渲染/不渲染模态的一些技术有一个小疑问。

目前有两种主要方法。

对于第一个示例，我们在模态上使用可见的道具，并在此基础上应用将隐藏模态的样式。这将通过状态进行处理，然后使用按钮进行切换，例如：

<Modal
   title="Foo"
   visible={this.state.visible}
 >
   Foo
</Modal>

第二种方法也使用状态，但是使用条件来呈现或不呈现模式：

{this.state.visible && (
   <Modal title="Foo">
      Foo
   </Modal>
)}

方便的事情是，模态只有在应该呈现之前才会呈现。

那么最好的方法是什么？我想这2个是正确的，但有没有一个比另一个更好？

Answer 1

个人第二个更好，因为通过检查父组件的状态，您可以将父组件逻辑和子组件逻辑分开，因为模态组件仅负责显示模态，但是打开或关闭模态的逻辑属于父组件逻辑。但是两种解决方案都可以工作：）

Answer 2

只需研究UI库文档中的问题：antd，material-ui，semantic-ui。