将antd的modal包成一个组件如何引用？

Question

子组件为ChildModal, 其实就是对antd modal的封装：class ChildModal = ()=>{    // 其他逻辑...     return(         <Modal             visible={this.props.visible}             width={500}         >            // ...         </Modal>     ) }那么父组件如何引用？方案一： render(){     return(        <div>             <ChildModal visible={visible} />         </div>     ) } 方案二： render(){     return(        <div>             {                 visible && <ChildModal visible={true} />             }        </div>     ) }

Answer 1

两种都可以。
我习惯使用第二种，因为这样可以在不显示的时候，彻底unmount掉。