React Native组件只显示了一个投诉,而不是其他更多的功能
P粉925239921
2023-08-16 09:12:20
<p>我正在处理一个屏幕,该屏幕从前一个屏幕中获取路由参数进行导航,但它只显示第一个投诉,而不显示任何其他添加的投诉,我不知道是什么原因导致了这个问题,下面是代码:</p>
<pre class="brush:php;toolbar:false;">const ECScreen = ({ route, navigation }) => {
const { imageUri, complaintDate, complaintId } = route.params;
const [complaints, setComplaints] = useState([]);
useEffect(() => {
if (imageUri && complaintDate) {
const newComplaint = {
id: complaints.length + 1, // 分配下一个可用的ID
imageUri: imageUri,
date: complaintDate,
status: 'Pending',
};
setComplaints([...complaints, newComplaint]);
}
}, []);</pre>
您在useEffect上使用空的依赖数组调用此函数,该函数在组件挂载时调用,并且最初的投诉也为空。
因此,
[...complaints, newComplaint]
将等于一个值,即您的newComplaint
。请告诉我您希望更新
complaints
的变量是哪个?