IONIC / REACT 第 9:5 行：期望一个赋值或函数调用，而是看到一个表达式 @typescript-eslint/no-unused-expressions

Question

当我尝试制作挂钩以从 firebase 获取用户数据时。 像这样

import { useEffect, useState } from 'react';
import { firestore } from '../../'
import { getAuth } from 'firebase/auth';
export function useUserDetails() {
  const db = firestore;
  const userid = getAuth().currentUser?.uid
  const [userDetails, setuserDetails] = useState<unknown>([])
  useEffect(() => {
    (async () => {
     const doc = await db.collection("Users").doc(userid).get();
      setuserDetails(({...doc.data(), id: doc.id}))
  })}, [])
  return [userDetails]
}

反应给我一个错误：第 9:5 行：期望一个赋值或函数调用，而是看到一个表达式 @typescript-eslint/no-unused-expressions。

Answer 1

您需要在 useEffect 中调用匿名函数。 看起来您的 setuserDetails 调用中有一组额外的括号。 另外， doc.data()和doc.id都正确吗？

useEffect(() => {
  (async () => {
    const doc = await db.collection("Users").doc(userid).get();
    // removed parens
    setuserDetails({...doc.data(), id: doc.id}));
  // added parens
  })();
}, []);

Answer 2

修正：这是使用效果的正确方法

useEffect(() => {
    (async function() {
      const doc = await db.collection("Users").doc(userid).get();
      setuserDetails(({...doc.data(), id: doc.id}))
    })();
}, []);