html - Reactフックを使用してHTML要素からクラス名を削除/追加します

Question

ボタンのクリックを使用して、html要素から属性を削除しようとしています:

import React , {useState} from 'react';
import classNames from 'classnames';
function App () {
    const [isActive, setIsActive] = useState(false);

    const handleOnClick = () => {
      setIsActive(!isActive);
    };
    return (
        <InlineBlockLogIn 
               className={classNames('active', { 'active' : isActive})} 
               onClick={handleOnClick} >
        
        <InlineBlockReg 
               className={classNames('', { 'active' : isActive})} 
               onClick={handleOnClick} >
)};

InlineBlockReg などをクリックしたときに、InlineBlockLogIn から「アクティブ」を削除したいと思います。したがって、基本的に 1 つの div でアクティブな場合、2 番目の div では非アクティブにする必要があります。どうすればいいですか？