下面是位于 JSX 文件中的代码片段: <li onClick={handleClick} style={{ textDecoration: isDone ? "line-through" : "none", background: isDone ? "#afc97e" : null, color: isDone ? "#fff" : null }} > </li>
1 回答
慕无忌1623718
TA贡献1744条经验 获得超4个赞
你应该用isDone样式声明一个常量,并使用传播运算符的帮助,我不知道你的组件是如何编写的,但这是一个非常通才的例子。希望它有所帮助。
const YourComponent = (props) => {
const { isDone } = props;
const isDoneStyles = {
textDecoration: 'line-through',
background: #afc97e,
color: #fff
};
return(
<li onClick={handleClick} style={{isDone ? ...isDoneStyles : ...{ textDecoration: none } }}>
</li>
)
};
添加回答
举报
0/150
提交
取消