当 2D 数组中的元素在 react native expo 中发生变化时重新渲染页面

Question

每当邀请 [1] [1] 中的值发生更改时，我想重新运行以下代码以重新加载页面，我在另一个页面中使用 AsyncStorage 更新这些数组值，当我尝试以下操作时，我得到了下面的错误。 还有其他方法吗？

const [invitation, setInvitation] = React.useState(Array.from({length: 2},()=> Array.from({length: 2})));

  React.useEffect(()=>
  {
     getUserId();

  },invitation[1][1]);

    async function getUserId() {
      var keys = ["invitationFromURL","Alert"]
      try {
        await AsyncStorage.multiGet(keys , (err, item) => 
        {
          setInvitation(item);
        });
      } catch (error) {
        // Error retrieving data
        console.log(error.message);
      }
    }  


  console.log(invitation);
  console.log(invitation[1][1]);

我得到的错误 警告：%s 在此渲染期间收到了最后一个参数，但在上一次渲染期间未收到。即使最后一个参数是可选的，它的类型也不能在渲染之间改变。%s，useEffect

Answer 1

我猜你有类似的东西

const [invitation, setInvitation] = useState([[], []]);

在组件的顶部。这意味着在第一次 useEffect 运行时，invitation[1][1] 将为空。在第二次运行时，它将有一个值。这在 React Native 中是不洁的。当您调用useEffect 时，每次组件呈现时，最终参数都必须具有相同的类型。

应该是一个简单的修复——而不是

useEffect(() => {
    getUserId();
  }, invitation[1][1]);

做

useEffect(() => {
    getUserId();
  }, invitation);