reactjs - 如何在反应中解构随 axios 请求而变化的数据

Question

当我进行 api 调用时，会设置以下格式。单个字母将根据我在 api 调用的 url 中输入的内容而改变。

{
"b": {
      data: "data"
      data: "data"
      data: "data"
     }
}

这是从 api 获取数据的以下函数：

     let changeableUrl = `${rootUrl}?apikey=${apikey}&symbol=${symbol}`;
          useEffect(() => {
            axios.get(changeableUrl).then((result) => {
              setData(result.data);
              setLoading(false);
            });
          }, []);
          if (isLoading) {
            return <div className='App'>Loading...</div>;
          }
          console.log(data);
          return <h1></h1>;
    }

用户可以输入一个符号，请求中的键会根据他们输入的符号而变化。在上面的示例中，我输入了符号

如何检索这些数据？

标签： reactjsaxiosdestructuring

Answer 1

 let changeableUrl = `${rootUrl}?apikey=${apikey}&symbol=${symbol}`;
          useEffect(() => {
            axios.get(changeableUrl).then(({data}) => {
               const results = data[`${symbol}`]
              setData(result);
             
              setLoading(false);
            });
          }, []);
          if (isLoading) {
            return <div className='App'>Loading...</div>;
          }
          console.log(data);
          return <h1></h1>;
    }

你应该试试这个，让我知道它是否适合你。