onclick Reactjs后如何添加class

Question

I am working on Reactjs,I have list of questions(using loop) with radio button and i want to add class on radio button which clicked,But right now unable to add class, Here is my current code

<FormControlLabel
                    key={`radio${item.id}${count + 2}`}
                    value={item.id.toString()}
                    control={<Radio color="primary" required={item.required} />}
                    label={getChoice(item)}
                    onClick={myfunct}
                  />
                ))}

And in juqery i am using following code

   const myfunct = event => {
         $(this).addClass('my-selected-item');
     }

Answer 1

it is not good idea to change DOM elements directly like this. Better store the status of class being added to the element in a state

import { useState } from "react";
import "./styles.css";

export default function App() {
  const [active, setActive] = useState(false);

  const handler = () => setActive(!active);
  return (
    <div className={active ? "active" : ""} onClick={handler}>
      hello
    </div>
  );
}

just little css to test the presence of class

.active {
color: red
}