Javascript 如何使用react和typescript仅在条件为真时呈现jsx？

如果条件为真，我想使用三元运算符并使用react和javascript来呈现jsx

我想做什么？ 当变量admin为true时，计数小于0，我不想显示“添加”按钮。并应在以下条件下显示

admin && count > 0
!admin 

下面是我的代码

render = () =>{
    return (
        <button> add </button> //should render this based on condition
    )
}

render=（）=>{
返回(
添加//应根据条件呈现此内容
)
}

有人能帮我修一下吗。谢谢

编辑： 下面是要显示的条件

count > 0 && is_admin
count > 0 && !is_admin
count <0 && !is_admin

count <0 && is_admin

count>0&&is\u admin
计数>0&！你是管理员吗
count您只需添加“&&”即可有条件地进行渲染

render = () => {
    myCondition && (<button>test</button>)
}

render=（）=>{
霉菌病和（试验）
}
对于这种情况，您可以使用短路评估：

render() {
    return (
      <>
        {((admin && count > 0) || !admin) && <button> add </button>}
      </>
    )
}

render（）{
返回(
{（（管理和计数>0）| |！管理）&&add}
)
}
谢谢，但如果不是admin和count，则不会显示此信息<0@someuser2491只是仔细检查了你的问题，发现我漏掉了另一个条件。我刚刚更新了我的答案。除了其他答案外，如果您的条件失败，您还可以使用防护并返回
null
。e、 g.
render（）{if（！myCondition）返回null；返回…}