为FlatList的所有项创建单个状态数组。（React Native）

Question

我正在开发一个react原生应用程序，在那里我使用FlatList来实现某种目的。我有一个通过flatlist显示的项列表。这个FlatList返回一个我制作的组件，最后显示这些项。

const [allAmen , setAllAmen] = useState({});
let arr = [];
const test = (uName) => {
         setAllAmen({...allAmen , "name" : uName })
}
arr.push(allAmen);
console.log(arr);

<FlatList 
    data={amens}
    keyExtractor={(amen) => amen.id}
    renderItem={({item}) => {
        <TouchableOpacity
          onPress={() => {
             test(item.name)
          }}
        >
               <Text>{item.name}</Text>
        </TouchableOpacity>
    }}
/>

当我运行这个并按下列表中的一个项目时，它将对象设置为allAmen，并将其推入arr。但是如果我按下另一项，它会生成一个新的数组并给出结果。S0对于flatlist的每个项，将创建一个新的状态对象和数组，并为每个项推入一个不同的数组的结果。因此，如果我有以下内容：

Flatlist->

我首先按下->[{“name”：Candy Bar}]，但如果我按下白巧克力条，它会得到[{“name”：White Chocolate Bar}]，红天鹅绒也是如此。

我想要的是，如果我按第一个键，我得到->[{“name”：Candy Bar}]，然后如果我按第二个键，在第三个键之后得到->[{“name”：Candy Bar}，{“name”：White Chocolate Bar}，{“name”：Red Velvet}]。

但它是为每个列表单独运行的。有人能帮我做这件事吗？我对反应原生和javascript相当陌生，运行它时有很多疑问。试图在StackOverflow和internet上找到它，但没有找到任何相关的东西。

Answer 1

const newValue = {"name" : uName};
setAllAmen(prevArray => [...prevArray, newValue])

查看更多解释。https://stackoverflow.com/a/58556049/905494 https://stackoverflow.com/a/54677026/905494