如何获取承诺的“数据”属性值

如何解决如何获取承诺的“数据”属性值

我正在使用 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" 等于一个 promise，它的参数 "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>'。

谢谢！

解决方法

这是您的 .json - 可视化：

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

访问该数据：

ticket_no

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

要访问特定属性，需要：

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

---

有可能只保存 totalBalance：

const [totalBalance,setTotalBalance] = useState();

    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);
        },[]);

其中 0 - 是对象的数量 - 在这种情况下，它是数组中的第一个对象。它可以循环存储来自 x 个对象的所有 totalBalances。