RECT閉鎖修練霊

予期せぬ発見usState

import { useState } from "react";

const heavyWork = () => {
  console.log("엄청 무거운 작업!!!");
  return ["홍길동", "김민수"];
};

function App() {
  const [names, setNames] = useState(heavyWork());


  const [input, setInput] = useState("");

  const handleInputChange = (e) => {
    setInput(e.target.value);
  };

  const handleUpload = () => {
    setNames((prevState) => {
      console.log("이전 state: ", prevState);
      return [input, ...prevState];
    });
  };

  return (
    <div>
      <input type="text" value={input} onChange={handleInputChange} />
      <button onClick={handleUpload}>Upload</button>
      {names.map((name, idx) => {
        return <p key={idx}>{name}</p>;
      })}
    </div>
  );
}

export default App;

🦕 上のコードから見ると

  const [names, setNames] = useState(heavyWork());

🦕 ここの価格は2479142です.
そうすると、F(x)の値を変更するたびに、再レンダリングされます!
でも.

  const [names, setNames] = useState(()=>heavyWork());

🦕 useState()では再レンダリングされません

大声で叫ぶ
🤷‍♂️ 私ですか.どうしてですか.
🙎‍♂️ 私は良い整理書類を知っていて、空白が狭くて記録できません.

これは嘘です.これ(aka公式ファイル)を見ればわかります.
さらなる説明を拒否
助けの出所:星空はYouTubeをコードして、(区)組長

今日の日記

どのように学ぶのがもっと难しくて分からないものが多いことを知りませんが!
でもやっぱり面白い(面白いとは知らなかった…)
プロジェクトを再開したのはやっぱりチームワークがよかった!
自分が勉強した時よりいい感じ?(もちろんみんな手伝ってくれて…!🙏)

私たちのチームは私がうまくやればいいです.🥺

Sae Eleisa Tera Vi