如何获得承诺的 'data' 属性 值

Question

我正在使用 Express + MongoDB 构建 React 应用程序。

我正在尝试弄清楚如何将获取的数据分配给组件的状态。

我有这条路线：

router.get('/totalbalance', (request, response) => {
    TotalBalanceModelTemplate.find(request.totalBalance, (error, data) => {
        if (error) {
            return error
        } else if (data.length === 0) {
            return response.send("No records found")
        } else {
            response.json(data[0])
        }
    })
});

这是axios请求（位于另一个文件中）和一个setter/getter状态：

const [insertedValue, setInsertedValue] = useState<string>("");

useEffect(() => {
   const resp = axios.get('http://localhost:4000/app/totalbalance')
       .then(result => result.data);

   setInsertedValue(resp);
}, []);

cont "resp" 等于具有参数 "data" 的承诺，该参数等于 data: {_id: "60c48b4ec60919553d92319f", totalBalance: 5555, __v: 0}.

如何提取值 resp.totalBalance 并将其分配给变量？

目前setInsertedValue(resp)报错Argument of type 'Promise<any>' is not assignable to parameter of type 'SetStateAction<string>'。

谢谢！

Answer 1

这是你的。json - 可视化：

它有 3 个属性 - 只有 1 个嵌套级别。

访问该数据：

    const [data, setData] = useState();
    
        useEffect(() => {
           const resp = axios.get('http://localhost:4000/app/totalbalance')
               .then((result) => {
                 if(result.data.length > 1) {
                   setData(result.data)
                 }
                else{
                   console.log('empty response)'
                }
                )};
           setInsertedValue(resp);
        }, []);

在此代码中，将整个 对象 保存到 数据状态 。

要访问特定的 属性 需要：

1. data._id = 第一个值
2. data.totalBalance = 第二个值
3. data.__v = 第三个值

---

有可能只保存总余额：

const [totalBalance, setTotalBalance] = useState();

useEffect(() => {
   const resp = axios.get('http://localhost:4000/app/totalbalance')
       .then(result => setTotalBalance(result.data[0].totalBalance));

   setInsertedValue(resp);
}, []);

其中 0 - 是对象的数量 - 在本例中它是数组中的第一个对象。它可以循环存储来自 x 个对象的所有 totalBalances。