Ionic 离子/React第9：5行：应为赋值或函数调用，但看到的却是表达式@typescript-eslint/no-unused-expressions

ao218c7q 于 2022-12-09 发布在 Ionic

关注(0)|答案(2)|浏览(155)

当我试图用钩子从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]
}

react向我返回一个错误：第9行：5：预期为赋值或函数调用，但看到的却是表达式@typescript-eslint/no-unused-expressions。

ionic-framework

来源：https://stackoverflow.com/questions/72465773/ionic-react-line-95-expected-an-assignment-or-function-call-and-instead-saw

2条答案

按热度按时间

rwqw0loc1#

你需要在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
  })();
}, []);

赞(0）回复(0）举报 2022-12-09

3df52oht2#

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

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

赞(0）回复(0）举报 2022-12-09

我来回答

Ionic 离子/React第9：5行：应为赋值或函数调用，但看到的却是表达式@typescript-eslint/no-unused-expressions

2条答案

相关问题

热门标签

最新问答