Question

Closed. This question needs debugging details. It is not currently accepting answers.

Closed 9 hours ago.

This post was edited and submitted for review 10 mins ago.

我最近遇到了一个奇怪的问题,即反应状态装置和部件再补给。我在母体部分有一个目标,我正在利用投入领域更新其价值,并将更新的国家变成儿童部分,以显示最新价值。现在的问题是,在我用固定的国家方法更新国家时,它没有放过儿童部分,也没有显示最新的国家价值。

我知道,这只是通过在更新后建立一个新目标并通过它来制定国家方法,而我想知道这种使用的效果如何在背景中发挥作用,以及为什么在我使用回击时,它不会更新国家。

我在增加法典参考资料,以便更好地了解和理解。

百分比25 CODESANDBOX LINK with EXAMPLE

虽然我增加了说明这一问题的法典和工具箱的工作联系,但一些“Extra smart”和“extra intelligent”的人已经结束这一问题,并投了反对票,说它缺乏“伪造细节”。因此,我在这里明确为这些伟大民族增添了法典。

import { useState } from "react"; import Heading from "./components/Heading"; import "./styles.css";

export default function App() {
  const [data, setData] = useState({});

  return (
    <div className="App">
      <h1>{data.label}</h1>
      <h2>Start editing to see some magic happen!</h2>
      <input
        type="text"
        placeholder="Enter value"
        onChange={(e) =>
          setData((prevState) => {
            prevState.label = e.target.value;
            return prevState;
          })
        }
      />
      <Heading data={data.label} />
    </div>
  );
}

export default function Heading({ data }) {
  return (
    <div className="App">
      <h1>{data}</h1>
      <h2>Start editing to see some magic happen!</h2>
    </div>
  );
}

Answer 1

onChange={(e) =>
          setData((prevState) => {
            prevState.label = e.target.value;
            return prevState;
          })
        }

您将原物体保留在定国,“PrevSTate”。仅凭act,就不是深 d。这应当改为return{......prevState, 标签: e.target. Value };,以创建新的参考。

友情链接