如何在ReactState中使用其索引更新useState中的数组

Posted 2021-03-27

我在使用useState挂钩更新数组时遇到麻烦。我想要的是我有一个充满n个元素的数组，其中n可以是1-10。我想使用其索引号更新元素的值。但我没有得到任何帮助。这是我要实现的代码：

import React, {useState} from 'react';
import React, {View, Text} from 'react-native';

const myScreen = props => {
const [myCustomArray, setmyCustomArray] = useState(Array.(5).fill(0));

const onClickHandler = (n) => {
// update the element in array having the index no. n
setMyCustomArray([n] = 'something');
}

但是这种方法对我没有帮助。任何人都有更好的方法吗？

答案

您应该在此之前扩展数组

const onClickHandler = (n) => {
const arr = [...myCustomArray];
arr[n]='something';
setMyCustomArray(arr);
}

react检查数组的引用，如果已更改，则重新呈现，否则不执行。