三元表达式让标题变色

怎么用三元表达式表示点击”首页“，他就会变色，不点击不变色
代码如下：

<li className={ ? "active" : ''} onClick={postComment}>首页</li>

element.style.color=isClicked ? 'red':'black';

你可以使用下面这个三元表达式，根据一个状态变量 isActive 的值来控制是否为 li 元素添加 active 类名，如下所示：

<li className={isActive ? "active" : ''} onClick={() => setIsActive(true)}>首页</li>

在这里，我们假设你使用 React，并在组件中定义了一个状态变量 isActive，默认值为 false，可以使用 useState 钩子函数来定义：

import React, { useState } from 'react';

function Example() {
  const [isActive, setIsActive] = useState(false);

  function postComment() {
    // 点击首页后执行的代码
  }

  return (
    <li className={isActive ? "active" : ''} onClick={() => setIsActive(true)}>首页</li>
  );
}

当用户点击 li 元素时，onClick 事件将触发，执行回调函数 () => setIsActive(true)，这将更新 isActive 的值为 true，从而为 li 元素添加 active 类名。

• 这个问题的回答你可以参考下: https://ask.csdn.net/questions/7681718

在css里面写一个你想要的颜色，定义一个变量(isShow)，点击首页时候让这个变量为true，不点击时候为false

<li :class = " isShow ? a : ' ' "></li>

.a {
  background-color: orange ;   // 假设这个是你想要的颜色
}