JSX 动态类名控制

编程入门行业动态更新时间:2024-10-08 06:22:08

JSX <a href=https://www.elefans.com/category/jswz/34/1771299.html style= 动态类名控制"/>

JSX 动态类名控制

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

import './app.css';
function App() {const color1 = trueconst color2 = truereturn (<div className="App">1. 三元：<div className={color1?'colors':''}>类名样式</div>2. &&（与）<div className={color2 && 'colors'}>类名样式</div></div>)
}export default App;

运行结果：

更多推荐

JSX 动态类名控制

本文发布于:2023-12-03 23:28:02，感谢您对本站的认可！

本文链接:https://www.elefans.com/category/jswz/34/1658933.html