gpt4 book ai didi

javascript - 从数组索引 react setState

转载 作者:行者123 更新时间:2023-12-03 00:49:39 26 4
gpt4 key购买 nike

我正在我的应用程序中创建一个公司页面。网址如下:example.com/companies/google

我从运行 localhost 4000 的 API 获取数据,当它返回该数据时,它会在控制台中返回该数据。 enter image description here

虽然这很好,但似乎如果我想将状态设置为一个对象,我就必须执行类似 this.setState = { company: res.data[0] } 。对我来说,考虑到它只会返回一个对象,似乎有一种更好的方法来做到这一点。旁注:我刚刚进入 Javascript/React 世界,所以如果我错过了这里显而易见的内容,请原谅。下面只是在控制台中返回响应数据的组件挂载函数。

是否有更好的方法来设置公司的状态,而不是根据它返回的数组中的第一个索引进行设置?

componentWillMount() {
axios
.get(`http://localhost:4000/companies/${this.props.match.params.name}`)
.then(res => {
console.log(res.data);
});
}

最佳答案

如果您知道自己总是想要第一个结果,那么这是完全可以接受的。有时 API 很奇怪,或者设计为作为列表使用,但我们始终知道我们想要第一个结果。您可能还想检查的唯一一件事是 res.data 是否可能为 null 或未定义,以避免错误:

if (res.data) {
this.setState({ company: res.data[0] })
}

关于javascript - 从数组索引 react setState,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53107733/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com