如何使用javascript或react将类添加到具有相邻兄弟的div？

// 获取具有相邻兄弟的div元素
var targetDiv = document.querySelector('.sibling-div');

// 添加类到目标div
targetDiv.classList.add('new-class');

import React from 'react';

class MyComponent extends React.Component {
  componentDidMount() {
    // 获取具有相邻兄弟的div元素
    var targetDiv = document.querySelector('.sibling-div');

    // 添加类到目标div
    targetDiv.classList.add('new-class');
  }

  render() {
    return (
      <div>
        {/* 具有相邻兄弟的div */}
        <div className="sibling-div"></div>
      </div>
    );
  }
}