在非active ReactJS时添加要链接的类

，可以通过以下步骤实现：

1. 首先，确保你已经安装了ReactJS，并且在项目中引入了React的相关库。
2. 创建一个React组件，可以是函数组件或者类组件，根据你的项目需求来决定。
3. 在组件的state中添加一个变量，用于表示链接是否处于active状态。可以命名为isActive，初始值为false。
4. 在组件的render方法中，根据isActive的值来决定是否添加链接的类。你可以使用条件语句（如if语句或三元表达式）来实现这一逻辑。
5. 在非active状态下，添加要链接的类。你可以使用React的className属性来添加类名。例如，如果你想添加一个名为"link"的类，可以这样写：className={isActive ? "" : "link"}。
6. 最后，你可以在组件的事件处理函数中，通过setState方法来改变isActive的值，从而实现链接的active和非active状态的切换。

下面是一个示例代码：

import React, { Component } from 'react';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      isActive: false
    };
  }

  handleClick = () => {
    this.setState(prevState => ({
      isActive: !prevState.isActive
    }));
  }

  render() {
    const { isActive } = this.state;

    return (
      <div>
        <a
          href="#"
          className={isActive ? "" : "link"}
          onClick={this.handleClick}
        >
          Link
        </a>
      </div>
    );
  }
}

export default MyComponent;

在上述示例中，当链接被点击时，会触发handleClick方法，该方法会通过setState改变isActive的值，从而实现链接的active和非active状态的切换。根据isActive的值，会动态添加或移除名为"link"的类。

请注意，上述示例中的className属性是基于React的方式来添加类名的，而不是直接操作DOM元素的classList。这是因为React采用了虚拟DOM的概念，直接操作DOM元素的类名可能会导致不必要的性能问题。