您需要将标题和正文包装在容器中。那可能是一个div。如果改用 列表 ，则dom中的元素要少一个。
{ this.state.loadingPage ? <span className="sr-only">Loading... Registered Devices</span> : [ (this.state.someBoolean ? <div key='0'>some title</div> : null ), <div key='1'>body</div> ]}我建议不要嵌套三元语句，因为它很难阅读。有时“早退”比使用三元组更为优雅。另外，
isBool &&component如果只需要三元组的真实部分，则可以使用。
renderContent() { if (this.state.loadingPage) { return <span className="sr-only">Loading... Registered Devices</span>; } return [ (this.state.someBoolean && <div key='0'>some title</div>), <div key='1'>body</div> ];}render() { return <div className="outer-wrapper">{ renderContent() }</div>;}请注意语法
someBoolean &&"stuff"：如果错误地将其
someBoolean设置为
0或
NaN，则将Number呈现给DOM。因此，如果“布尔值”可能是
伪造的数字 ，则使用会更安全
(someBoolean ? "stuff" : null)。
