Javascript 在';不要等待
我创建了一个联系人表单组件。有一个异步handleSend函数可以正常工作。然后我在其中添加了一个额外的异步函数调用(PostalCodeDistance) 我遇到的问题是,该函数没有等待findCoords结果(另一个异步函数),我总是得到未定义的postalCodeA_弧度和postalCodeB_弧度值 checkPostalCode不是异步函数。它只是检查一些正则表达式。在FindWord函数中,有一个axios get请求,如:Javascript 在';不要等待,javascript,reactjs,Javascript,Reactjs,我创建了一个联系人表单组件。有一个异步handleSend函数可以正常工作。然后我在其中添加了一个额外的异步函数调用(PostalCodeDistance) 我遇到的问题是,该函数没有等待findCoords结果(另一个异步函数),我总是得到未定义的postalCodeA_弧度和postalCodeB_弧度值 checkPostalCode不是异步函数。它只是检查一些正则表达式。在FindWord函数中,有一个axios get请求,如: async findCoords(postalCode
async findCoords(postalCode,country){
... // some code with defining Url
return await axios.get(Url)
.then(data=>{
if(data.data!==undefined){
if(data.data[0].display_name.includes(country)){
return [data.data[0].lat*(Math.PI/180), data.data[0].lon*Math.PI/180]
}
}
})
.catch(err=>{
console.log(err)
})
}
当我使用simple node准备这些函数时,它们工作正常。当我试图将它们放在React应用程序的ContactForm类组件中时,遇到了一个问题。首先,我认为这是组件生命周期的问题,但我在表单下面用onClick={this.onContinue}创建了一个按钮
async onContinue(){
const send = await this.handleSend()
}
而且它仍然不能正常工作。你能发布
这个.findcoods的代码吗?如果看不到该函数,很难提供帮助。您不会等待this.postalCodesDistance()
调用。this.checkPostalCode的代码是什么?它也是异步的吗?您是否需要等待
这些函数调用,这样当您点击this.findcoods
调用时,countryA
和countryB
就不会未定义
?您能发布this.findcoods
的代码吗?如果看不到该函数,很难提供帮助。您不会等待this.postalCodesDistance()
调用。this.checkPostalCode的代码是什么?它也是异步的吗?您是否需要等待
这些函数调用,这样当您点击this.findWord
调用时,countryA
和countryB
就不会未定义
?
async findCoords(postalCode,country){
... // some code with defining Url
return await axios.get(Url)
.then(data=>{
if(data.data!==undefined){
if(data.data[0].display_name.includes(country)){
return [data.data[0].lat*(Math.PI/180), data.data[0].lon*Math.PI/180]
}
}
})
.catch(err=>{
console.log(err)
})
}
async onContinue(){
const send = await this.handleSend()
}