如何设置条件渲染导航链接

时间:2020-05-22 11:23:29

标签: reactjs conditional-rendering

我在dataindex处有两个值:isOnline(true和false),这一次我在true和false上都渲染了NavLink,但是我只想在false值上渲染而没有true值。有可能做到这一点。

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

1 个答案:

答案 0 :(得分:0)

尝试使用此链接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>
          }
     }
}