如何在react js中设置动态类并在Jquery中检索它

import React from 'react';

class MyComponent extends React.Component {
  render() {
    const isActive = true;

    return (
      <div className={`my-class ${isActive ? 'active' : 'inactive'}`}>
        // 组件内容
      </div>
    );
  }
}

import React from 'react';

class MyComponent extends React.Component {
  render() {
    const isActive = true;

    const activeStyle = {
      backgroundColor: 'green',
      color: 'white'
    };

    const inactiveStyle = {
      backgroundColor: 'red',
      color: 'black'
    };

    return (
      <div style={isActive ? activeStyle : inactiveStyle}>
        // 组件内容
      </div>
    );
  }
}

if ($('#myElement').hasClass('active')) {
  // 具有active类的逻辑
} else {
  // 不具有active类的逻辑
}