JSX 动态类名控制

学习目标： 根据需求判断是否显示某个类名的样式
实现： 使用三元表达式或逻辑&&运算

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;

运行结果：