reactjs React阵列未保留数据

cigdeys3  于 2023-03-12  发布在  React
关注(0)|答案(1)|浏览(83)

我尝试从数组创建li项。我尝试了两种方法。
1.传统的排列。
1.使用状态。
在每次新输入后提交时,useState似乎保留了数据,但前者没有。useState似乎解决了问题,但有没有原因前者不起作用而后者起作用?

const [input, setInput] = useState();
  const [myArray, setArray] = useState([]);
  const toDoList = [];

  function inputCapture(event) {
    const a = event.target.value;
    setInput(a);
  }

  function addToList() {
    myArray.push(input);
    toDoList.push(input)
    console.log(myArray, toDoList);
  }
mwkjh3gx

mwkjh3gx1#

您的问题不清楚,但您可以检查此解决方案

const [input, setInput] = useState();
  const [myArray, setArray] = useState([]);
  const [todoList,setTodoList] = useState[];

  function inputCapture(event) {
    const a = event.target.value;
    setInput(a);
  }

  function addToList() {
    setArray([...myArray,input]);
    set([...toDoList,input])
    console.log(myArray, toDoList);
  }

相关问题