将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掉。