react如何动态增加类名

在React中，可以使用className属性来动态增加类名。可以将一个字符串变量赋值给className属性，这个字符串变量可以根据组件的状态或属性进行动态修改。

以下是一个示例：

import React, { useState } from "react";

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

  const handleClick = () => {
    setIsActive(!isActive);
  };

  return (
    <div className={isActive ? "active" : ""}>
      <button onClick={handleClick}>Toggle</button>
    </div>
  );
}

export default App;

在这个例子中，我们使用useState钩子来跟踪一个名为isActive的状态变量。当点击按钮时，调用handleClick函数来切换isActive的值。通过在div元素的className属性中使用三元表达式，根据isActive的值来动态增加或移除active类名。

通过这种方式，我们可以根据组件的状态或属性来动态改变类名，实现样式的动态变化