如何在反应中不使用三元运算符向父 Div 添加和删除类名？

Question

我想加上" landing ";类到一个

{active === "tab1" ? (
<Container fluid className="p-0 py-3 containerMain landing">...</Container> : <Container  fluid className="p-0 py-3 containerMain ">...</Container>)}

https://codesandbox.io/s/jovial-benji-j3f9xl?file=/src/Overview.js

Answer 1

不重复整个元素，您可以在className属性中使用字符串插值使用三元制。

<Container fluid className={`p-0 py-3 containerMain ${active === "tab1" ? 'landing' : ''}`}>...</Container>