如何在 React.js 中使用 api 变量和动态 js 变量设置 useState 常量变量答案

【问题标题】：how to set a useState constant variable using api variables and dynamic js variables in React.js如何在 React.js 中使用 api 变量和动态 js 变量设置 useState 常量变量
【发布时间】：2021-01-05 10:55:48
【问题描述】：

我不知道如何搜索，所以这就是为什么标题有点奇怪，我将仅发布一个示例。基本上我想知道如何用我创建的变量日期替换 DATEHERE。

import React, { useState } from "react";
import axios from "axios";

function App(loading, result) {
  const [test, setTest] = useState([]);

    var today = new Date(),
        date = "05-01-2021";
    
    const url = "random-api-url"
    
    const getData = async () => {
        const result = await axios.get(url);
        setTest(result.data.example.DATEHERE);
        console.log(result);
      };



 return (
        <div className="App">
          <h1 onClick={getData}>test</h1>
        </div>
      );
    }
    
    export default App;

【问题讨论】：

您希望将响应示例日期设置为test？
你的回复result.data.example来我们反对吗？ {"05-01-2021": [] , ...} 如果是，请使用 result.data.example[date]
如果能提供结果对象结构就好了
@venkateshpogartha 这就是我要找的东西，谢谢
提示：如果你发现 getData 被调用太多次（每次重新渲染都会被调用）尝试将 getData 移动到 useEffect-hook reactjs.org/docs/hooks-effect.html - 如果你只想您的 getData 函数在组件安装时运行一次，您可以添加一个空数组作为 useEffect 的第二个参数。

标签： json reactjs api axios react-hooks

【解决方案1】：

如果您的响应 result.data.example 以对象的形式出现？

{"05-01-2021": [] , ...}

如果是这样，请使用result.data.example[date]

【讨论】：