学习目标: 根据需求判断是否显示某个类名的样式
实现: 使用三元表达式或逻辑&&运算
import './app.css';
function App() {
const color1 = true
const color2 = true
return (
<div className="App">
1. 三元:
<div className={color1?'colors':''}>类名样式</div>
2. &&(与)
<div className={color2 && 'colors'}>类名样式</div>
</div>
)
}
export default App;
运行结果: