【问题标题】:javascript-es6: unable to destructure an array of objects. UNEXPECTED TOKEN ERRORjavascript-es6:无法解构对象数组。意外的令牌错误
【发布时间】:2020-07-15 13:20:49
【问题描述】:

我有一个对象数组,我正在尝试对其进行解构,以便可以直接使用react-table 列的accessor 属性中的属性名称。

这是实际通过 API 调用获取的原始 JSON。

不确定,不过我哪里出错了。

【问题讨论】:

  • 您的let [(或const [)在类的主体中,因此它不是声明变量的有效位置。
  • @VLAZ 对。行。你能帮我举一个工作的例子吗?也许编辑我的codeSandbox 谢谢。

标签: javascript reactjs ecmascript-6 destructuring react-table


【解决方案1】:

您可以通过这种方式在 handleGetmeasurementsDataInfo() 中获取您所在州的网站:

handleGetmeasurementsDataInfo = async function() {
await axios

  .get("https://run.mocky.io/v3/7c15d8c2-e946-40f4-a1b9-a9a53436b388")
  .then(response => {
    // handle success
    console.log("measurement data:", response.data);
    const sites = response.data.map(e => e.sites);
    this.setState({
      isLoading: false,
      measurementsData: response.data,
      sites: sites
    });
    console.log("Sites: ", this.state.sites);
  })
  [...]

然后您可以从您所在的州访问它。

Codebox

【讨论】:

  • 谢谢。对表有什么建议吗?我如何每次都将它们放在不同/新的行中?
  • 如果答案符合您的期望,我认为答案验证将不胜感激
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2017-07-28
  • 1970-01-01
  • 2018-04-04
  • 1970-01-01
  • 1970-01-01
  • 2019-08-09
  • 2016-12-12
相关资源
最近更新 更多