changing styles in different components in react

Question

How can I change styles of Side component when onChange a Link of All component?

enter image description here

enter image description here

Answer 1

You can do it dynamically by change a state and doing it on onChange handler on an input element like this:

const [show , setShow] = useState(false)

<input onChange={(value)=>{
   setShow(true)
}} />

<div className={show ? "classA" :  "classB"} >
...
</div>