在没有状态的react上添加活动类，并使用JS dom进行切换。

在没有状态的React上添加活动类，并使用JS DOM进行切换，可以通过以下步骤实现：

首先，创建一个React组件，可以使用函数式组件或类组件。在组件的render方法中，渲染需要添加活动类的元素。
定义一个状态变量来控制活动类的切换。可以使用useState钩子函数或类组件的state来保存状态。
在组件的JSX代码中，为需要添加活动类的元素添加一个className属性，并根据状态变量的值动态设置该属性的值。
实现状态变量的切换逻辑，可以通过事件处理函数来触发状态变量的更新，从而实现活动类的切换。

下面是一个示例代码：

import React, { useState } from 'react';

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

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

  return (
    <div>
      <button onClick={toggleActive}>切换活动类</button>
      <div className={isActive ? 'active' : ''}>我是需要添加活动类的元素</div>
    </div>
  );
}

export default App;

在上述代码中，首先使用useState钩子函数创建了一个名为isActive的状态变量，并初始化为false。然后，定义了一个toggleActive函数，用于在按钮点击时切换isActive的值。在组件的JSX代码中，为需要添加活动类的div元素添加了一个className属性，并根据isActive的值来动态设置该属性的值。点击按钮时，toggleActive函数会被调用，从而切换isActive的值，从而实现了活动类的切换。

值得注意的是，上述代码中并没有涉及具体的DOM操作，而是通过React的虚拟DOM机制来更新界面。React会根据状态的变化，自动更新组件的渲染结果，从而实现元素的活动类切换。