在 html 中有条件地渲染 prop答案

【问题标题】：conditionnally render prop in html在 html 中有条件地渲染 prop
【发布时间】：2022-12-13 04:13:49
【问题描述】：

基本上我试图在离线时将 closeModal 道具设置为 true，否则设置为 closeModal。我如何实现这一目标？我正在使用 react-detect-offline 和 ant design。

        <Detector
                render={({ of }) => (
                    <ModalSelectMenu
                    {of ? closeModal = 'true' : closeModal = { closeModal }}
                        isModalVisible={isModalVisible}
                        history={history}   
                    />
                )}
            />

【问题讨论】：

请试试这个……<ModalSelectMenu isModalVisible={isModalVisible} history={history} closeModal={offline ? 'true' : closeModal}/>……并分享您的反馈。
您当前的代码似乎暗示您需要字符串 "true"，这是准确的，还是您需要布尔值 true？

标签： javascript reactjs

【解决方案1】：

尝试这个

<ModalMenu
  closeModal={offline ?'true' :  closeModal}
  isModalVisible={isModalVisible}
  history={history}   
 />

【讨论】：