添加 2 个类名 react - Javascript

在开发React应用时，经常会需要在组件中添加类名。这个过程非常简单，只需要使用react中的className属性即可。

例如，我们想为一个按钮添加button和primary类名的话，只需要这样写：

<button className="button primary">Click Me</button>

如果我们需要在组件中动态添加类名的话，可以通过js的方式来实现。比如下面的例子中，我们根据用户是否登录来切换不同的类名：

const MyComponent = ({isLoggedIn}) => {
  const className = `my-component ${isLoggedIn ? 'logged-in' : 'not-logged-in'}`;
  return (
    <div className={className}>
      ...
    </div>
  );
};

上面的代码中，根据isLoggedIn的值来确定组件中需要添加的类名。

总之，添加类名是React应用开发中很常见的一个操作，通过上述方式可以轻松实现。