Reactjs React JS API Json pull设置布尔值以显示

我正在做一个API拉入React，有两个布尔值，我想显示它们的值。当我查看控制台日志时，值显示为“true”和“false”，但它们不会显示在UI中。有没有办法显示布尔值“真”和“假”？JS新手

 constructor(props) {
            super(props);
            this.state = {
                isLoaded: false,
                items: [],
                callToggleState: false,
            }

        }

    componentDidMount() {
        fetch(url , {
            method: 'get',
            mode: 'cors',
            headers: { 
            'X-API-KEY': API_KEY,
            'Access-Control-Allow-Origin': '*',
            'Accept': 'application/json',
            'Content-Type': 'application/json'
            }

        })
            .then(res => res.json())
            .then(json => {
              console.log(json);
                this.setState({
                    isLoaded: true,
                    items: json,

                })
            })
        };
////////////////////////////////////////

return (
                <div className="container">
                 <ul>
                    {items.map((dynamicItem) => (
                        <li key={dynamicItem.device_id}> 
<li>
//////////////////////////////////////
</li>

构造函数（道具）{
超级（道具）；
此.state={
isLoaded:false，
项目：[]，
callToggleState:false，
}
}
componentDidMount（）{
获取（url{
方法：“get”，
模式：“cors”，
标题：{
“X-API-KEY”：API\U键，
“访问控制允许来源”：“*”，
“接受”：“应用程序/json”，
“内容类型”：“应用程序/json”
}
})
.then（res=>res.json（））
。然后（json=>{
log（json）；
这是我的国家({
isLoaded：是的，
项目：json，
})
})
};
////////////////////////////////////////
返回(

{items.map（（dynamicItem）=>(


//////////////////////////////////////

您可以使用注释中建议的@xadm条件呈现

类应用程序扩展了React.Component{
状态={
项目：[
{device_id:1，name:“foo”，bool:true}，
{device_id:2，name:“bar”，bool:false}，
{device_id:3，name:“baz”，bool:true}，
]
}
render（）{
返回(

{
this.state.items.map（dynamicItem=>

ID:{dynamicItem.device_ID}

名称：{dynamicItem.Name}

Bool:{dynamicItem.Bool？“真”：“假”}
{/*或者也许？*/}
{/*Bool:{dynamicItem.Bool？“可用”：“无库存”}*/}

)
}

);
}
}
ReactDOM.render（，document.getElementById（“根”）；

是..在打印时在UI中执行类似于

{val==='true'？true:false}

的测试，您可以从中显示代码，并尝试打印这些值..应该是

{dynamicItem.boolValue？：“false”}

{dynamicItem.boolValue？：“false”}有效。谢谢！