如何在React Native中使用其索引在useState中更新数组

时间:2020-04-19 10:13:41

标签: reactjs react-native react-hooks

使用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');
}

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

1 个答案:

答案 0 :(得分:2)

您应该在此之前散布阵列

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

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