小编Arp*_*con的帖子

我想创建一个函数，它迭代具有相同类的所有元素并删除特定类。

使用 JavaScript 可以轻松完成。

const boxes = document.querySelectorAll(".box1");
function remove_all_active_list() {
    boxes.forEach((element) => element.classList.remove('active'));
}

但是我怎么能做这个类似的事情是 ReactJs。我面临的问题是我不能document.querySelectorAll(".box1")在 React 中使用，但是，我可以使用React.createRef()但它没有给我所有元素，它只给我最后一个元素。

这是我的反应代码

应用程序.js

import React, { Component } from 'react';
import List from './List';

export class App extends Component {

    componentDidMount() {
        window.addEventListener('keydown', this.keypressed);
    }

    keypressed = (e) => {
        if (e.keyCode == '38' || e.keyCode == '40') this.remove_all_active_list();
    };

    remove_all_active_list = () => {
        // boxes.forEach((element) => element.classList.remove('active'));
    };

    divElement = (el) => {
        console.log(el);
        el.forEach((element) => …