![](/img/trans.png)
[英]How can we Check/Uncheck individual checkbox in flatlist based on index or by key in react-native flatlist
[英]How to use extraData in a flatlist in react-Native
我正在制作评论部分,我有一个包含 2 条现有评论的数组。 当用户撰写评论并按下发布按钮时,帖子将使用解构添加到数组中。 这在我执行数组的console.log()
时有效,我看到正在插入新数据,但我的 flatList 没有更新,仍然只显示我以前存在的 2 个评论。
我发现我可以通过在平面列表中使用 extraData={Reviews} 来解决这个问题。 但这仍然不起作用,我做错了什么?
初始数组:
let Reviews = [
{
title: "I love F1",
name: "Tibo Mertens",
review:
"This car may have a legendary driver on their team, but unfortunately, their car doesn't live up to his skills",
},
{
title: "F1 is awesome",
name: "Quintt Adam",
review:
"This car is extremely middle of the pack when it comes to the best car on the grid of 2022",
},
];
解构按下按钮时调用的 function:
const addReview = (title, name, review) => {
const newReview = { title: title, name: name, review: review };
const modifiedObj = {
title: newReview.title,
name: newReview.name,
review: newReview.review,
};
Reviews = [modifiedObj, ...Reviews];
console.log(Reviews);
};
我的公寓清单:
<FlatList
data={Reviews}
extraData={Reviews}
renderItem={({ item }) => (
<View style={styles.listContainer}>
<View style={styles.reviewContainer}>
<Text style={styles.reviewTitle}>{item.title}</Text>
<Text style={styles.review}>{item.review}</Text>
<Text style={styles.reviewName}>- {item.name}</Text>
</View>
</View>
)}
/>
当您需要更改数据以导致在组件中重新呈现时,请使用 state。 代替
let Reviews = [
...
]
...
Reviews = // etc
使用 useState 挂钩定义并设置您的 state。
const existingReviews = [
// your existing reviews
];
const [reviews, setReviews] = useState(existingReviews);
// to set
setReviews(modifiedObj);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.