react-native - 使用 useRecoilValue 时 React Native Invalid hook call

Question

我在使用 useRecoilValue 时收到错误无效的挂钩调用。我用这个钩子错了吗？那么我该如何解决这个问题呢？

List.fn.js

import { Alert, AsyncStorage } from "react-native";
import { useRecoilValue } from "recoil";
import { listDataViewer } from "../State";

const ListFunction = (listName) => {
    const listID = Date.parse(new Date());
    const newListData = {
      "ID": listID,
      "Name": listName
    };
    const list = useRecoilValue(listDataViewer);
    if (JSON.stringify(list) == "null"){
      try {
        AsyncStorage.setItem('list', JSON.stringify([list]));
      } catch (error) {
        console.log(error);
      }
    } else {
        try {
          AsyncStorage.setItem('list', JSON.stringify([newListData, ...list]));
        } catch (error) {
          console.log(error);
        }
      }
    }
}

Answer 1

你只能在 React 组件中使用钩子，但你是在常规函数中调用它。React 无法处理函数组件之外的钩子。有关钩子规则的更多信息，请查看官方文档：https ://reactjs.org/docs/hooks-rules.html#only-call-hooks-from-react-functions