React Native新手求教：如何清除useState声明的数组？

嘿，作为React Native新手，碰到useState数组的清除问题太正常啦，我来帮你把问题理清楚～

首先得指出你代码里的小错误：你写的 setTokenArray(tokenArray,[]); 是无效的，useState的更新函数只接受一个参数，要么是新的状态值，要么是一个返回新状态的回调函数，传两个参数根本达不到清空数组的效果哦。

正确的数组清空方式 #

最简单直接的清空方法就是直接给setTokenArray传入一个空数组：

setTokenArray([]);

如果你的清空操作需要依赖之前的状态（不过清空数组一般不需要），也可以用函数式更新的写法，效果是一样的：

setTokenArray(() => []);

修正你的完整代码 #

结合你后面要循环添加元素的逻辑，修正后的代码应该是这样的：

const [tokenArray, setTokenArray] = useState([]); 

// 先正确清空数组
setTokenArray([]); 

// 把split的结果存起来，避免重复调用
const statusParts = responseJson.status.split(',');
const arraySize = statusParts.length;

for(let x = 1; x < arraySize; x++){ 
  console.log("X--->" + x);
  // 这里用函数式更新是对的，确保每次取到最新的数组状态
  setTokenArray(prevArray => [...prevArray, statusParts[x]]); 
}

额外的性能优化小技巧 #

其实你不用在循环里多次调用setTokenArray，这样会触发多次组件重渲染，有点浪费性能。可以先把要添加的元素一次性收集好，然后直接更新状态：

const [tokenArray, setTokenArray] = useState([]); 

const statusParts = responseJson.status.split(',');
// 直接截取从索引1开始的所有元素，不用循环
const newTokens = statusParts.slice(1);

// 这一步相当于清空原数组并添加新元素，一步到位
setTokenArray(newTokens);

这样组件只会重渲染一次，代码也更简洁～

内容的提问来源于stack exchange，提问作者ANJANA