364 - Remounting - react

[jsartisan]

App.jsx

import { useState } from 'react';

 const ComponentWithState = () => {
    const [isActive, setIsActive] = useState(false);

    return (
      <div className={`block ${isActive ? 'active' : ''}`}>
        <button onClick={() => setIsActive(!isActive)}>click to highlight</button>
      </div>
    );
  };

export default function App() {
  const [text, setText] = useState('');

  return (
    <div>
      <input type="text" className="input" value={text} onChange={(e) => setText(e.target.value)} />
      <ComponentWithState />
    </div>
  );
}