当usestate更新时，Map循环在usestate中的对象内部的数组中不工作Reactjs

jqjz2hbq 于 2021-09-13 发布在 Java

关注(0)|答案(2)|浏览(453)

当usestate更新时，Map循环在usestate中的对象内部的数组中不工作。Reactjs

import { useState } from "react";
import React from "react";

function Check() {

const [Children, setChildren] = useState({data:[], otherdata:{}});

 function handleChange(){
 Children["data"] = [...Children["data"], Children["data"].length]
 setChildren(Children)
 alert(Children["data"])
 }

  return (<React.Fragment>
    <div>Check</div>
    {Children["data"].map(data => <div>map</div>)}
    <button
     onClick={handleChange}
    >Add List</button>
  </React.Fragment>);
}

export default Check

Arrays loops JavaScript reactjs react-hooks

来源：https://stackoverflow.com/questions/68333856/when-usestate-update-then-map-loop-is-not-working-in-array-inside-of-object-in-u

2条答案

按热度按时间

jckbn6z71#

在本例中，要更新状态，必须使用状态设置器 setChildren 不要直接设置你的状态（不要这样做 Children["data"] = [...Children["data"], Children["data"].length] ).

赞(0）回复(0）举报 2021-09-13

9jyewag02#

试试这个，我有固定的问题-

import { useState } from "react";
import React from "react";

function Check() {
  const [Children, setChildren] = useState({ data: [], otherdata: {} });

  function handleChange() {
    setChildren({
      ...Children,
      data: [...Children["data"], Children["data"].length],
    });
  }

  return (
    <React.Fragment>
      <div>Check</div>
      {Children.data.map((ele) => (
        <div>{ele}</div>
      ))}
      <button onClick={handleChange}>Add List</button>
    </React.Fragment>
  );
}

export default Check;

赞(0）回复(0）举报 2021-09-13

我来回答

当usestate更新时，Map循环在usestate中的对象内部的数组中不工作Reactjs

2条答案

相关问题

热门标签

最新问答