Javascript 条件渲染在React映射循环中不起作用

我试图在react中使用条件映射循环渲染，但收到错误。

代码如下：

const-navbarValue=[{“Category”：“Home”，“Status”：1}，{“Category”：“About”，“Status”：0}，{“Category”：“Contact”，“Status”：0}]；
功能导航（道具）{
返回(

);
};
函数navbanotactive（props）{
返回(

);
};
功能导航栏列表（道具）{
返回(
切换导航

{navbarValue.map（（对象，索引）=>
如果（目标状态）{
}
)}

);
};
ReactDOM.render(
,
document.getElementById（'root'））
);
首先需要使用
{}
然后将
if-else
语句放在映射体中，并返回结果

这样写：

{navbarValue.map((obj, index) => {
     if (obj.Status) 
         return <NavbarActive  key={index} Category ={obj.Category }/>
     return <NavbarNotActive  key={index} Category ={obj.Category }/>
})}

{navbarValue.map（（对象，索引）=>{
如果（目标状态）
返回
返回
})}

或使用：

{navbarValue.map（（对象，索引）=>obj.Status？
:
}
)}
{navbarValue.map（（obj，index）=>{
返回(
（对象状态）？
:
)
})}

使用三元运算符尝试此代码。
非常感谢！
{navbarValue.map((obj, index) => obj.Status ?
        <NavbarActive  key={index} Category ={obj.Category }/>
     :
        <NavbarNotActive  key={index} Category ={obj.Category }/>}
)}

{navbarValue.map((obj, index) => {
    return (
        (obj.Status) ?
            <NavbarActive  key={index} Category ={obj.Category }/> :
            <NavbarNotActive  key={index} Category ={obj.Category }/>
    )
})}