How can I change the background color of only the selected button, and not all of them, when the button is clicked?

Question

React

I remove the block by key. How can I change the background color of only the selected button, and not all of them, when the button is clicked?

let btn = this.state.change ? "clinic-card__bookmark" : "clinic-card__bookmark-active";

        function handleClick(e) {
            e.preventDefault();
        }

        return <div className="search-result-list" key={clinic.ID}>
            <div className="search-result__card card-shadow">
                <div className="clinic-card">
                    <h2 className="clinic-card__title">
                        {clinic.NAME}
                        <div className={btn_class} onClick={handleClick}>.....

Answer 1

const Button = () => {
  const [state, setState] = useState(false);

  const onClickButton = () => setState(state => !state);

  return (
    <div className={state ? "btn-active" : "btn"} onClick={onClickButton}>
      Button
    </div>
  );
};

const Buttons = () => {
  return (
    <div>
      <Button />
      <Button />
      <Button />
    </div>
  );
};

const App = () => <Buttons />;

ReactDOM.render(<App/>, document.getElementById("root"));

Answer 2

save somewhere that this particular clinic.ID is currently -active