■P119

────────────────
import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import "./index.css";
import App from "./App.jsx";

createRoot(document.getElementById('root')).render(
  <StrictMode>
    <App />
  </StrictMode>
);
────────────────


■P120

────────────────
<input onChange={(e) => setValue(e.target.value)} />
────────────────

────────────────
<button onClick={() => dispatch({ type: "increment" })}>
  +1
</button>
────────────────


■P121

────────────────
// ①Parentが再レンダリング
const Parent = () => {
  // ②Childも再レンダリング
  return <Child />;
};

const Child = () => {
  // ③GrandChildも再レンダリング
  return <GrandChild />;
};
────────────────

────────────────
const Parent = () => {
  const [state, setState] = useState();

  return <Child />;
};
────────────────

