React Native组件只显示了一个投诉，而不是其他更多的功能

Question

我正在处理一个屏幕，该屏幕从前一个屏幕中获取路由参数进行导航，但它只显示第一个投诉，而不显示任何其他添加的投诉，我不知道是什么原因导致了这个问题，下面是代码：

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]);
    }
  }, []);

Answer 1

您在useEffect上使用空的依赖数组调用此函数，该函数在组件挂载时调用，并且最初的投诉也为空。
因此，[...complaints, newComplaint]将等于一个值，即您的newComplaint。
请告诉我您希望更新complaints的变量是哪个？