无法使用状态作为查询参数来执行获取请求

时间:2019-04-04 14:37:33

标签: reactjs axios state

Full repo containing this component. 编辑: 我尝试使用此GET请求后,状态已经更新(固定)。有任何想法吗?谢谢。

getModels = async () => {
  this.setState({ loading: "Fetching models..." });
let brand = this.state.query_brand;
await axios.get(`https://parallelum.com.br/fipe/api/v1/carros/marcas/${brand}/modelos/`)
           .then(res => this.setState({ models: res.data }))

我在onChangeHandler函数上成功调用了此函数。

  onChangeHandler = async (e) => {
this.setState({ [e.target.name]: e.target.value, target: e.target.name });
  this.getModels();
};

我知道onchangehandler是硬编码的,因为它现在仅处理一个特定的更改(当我想请求模型时),但是我想关注主要的问题。提前致谢!最好的问候。

1 个答案:

答案 0 :(得分:0)

我试图在codesandbox中运行您的代码,并且代码中的第27行出现错误,我想这就是您遇到问题的原因:

let brand = this.state.query_brand.toNumber();

方法toNumber不存在。您可以使用方法Number 例如:var stringToInteger = Number('10')

有关主题here

的文章
相关问题