如何设置条件渲染navlink答案

【问题标题】：How to set conditional rendering navlink如何设置条件渲染navlink
【发布时间】：2020-09-09 05:28:03
【问题描述】：

我在 dataindex 有两个值：isOnline (true and false)，这次我在 true 和 false 上渲染 NavLink，但我只想渲染 false 值而不是 true 值。有没有可能这样做。

    {
        title:'On-Line / Off-Line',
        dataIndex: 'isOnline',
        render: (isOnline, row) => 
                <NavLink to={`${routePaths.LEADSFORM}/${row._id}`}> 
                       {isOnline}
                </NavLink>,
    }

【问题讨论】：

在 Render 中，如果 isOnline 为真，您可以编写一个三元组以返回 null。像 { !isOnline ？你的 jsx : null } >
你能给我一些沙盒演示吗......

标签： reactjs conditional-rendering

【解决方案1】：

试试这个链接https://reactjs.org/docs/conditional-rendering.html:

{
    title:'On-Line / Off-Line',
    dataIndex: 'isOnline',
    render: (isOnline, row) => {
            if(!isOnline){
            <NavLink to={`${routePaths.LEADSFORM}/${row._id}`}> 
                   {isOnline}
            </NavLink>
          }
     }
}

【讨论】：