反应本机Axios从url错误中获取数据

Question

导出默认类Main extends组件{constructor（props）{super（props）this.state={ifsccode：“”,detail：{}}}

  ifscSearch = () => {
    const tha = this;
    x = `https://ifsc.razorpay.com/${this.state.ifscCode}`
    console.log(x);
  axios.get(`https://ifsc.razorpay.com/${this.state.ifscCode}`)
    .then(function (response) {
    tha.setState({detail:response.data})
    console.log(response);
     })

    .catch(function (error) {
     // handle error
     console.log(error);
     })
    .then(function () {
     // always executed
     });
    }


render() {
    return (
        <>
        <StatusBar barStyle="light-content" />
        <SafeAreaView>
            <ScrollView>
                <View style={styles.maincnt}>

                    <View style={styles.inpcnt}>
                    <TextInput style={styles.txtinp} maxLength={11} placeholder='ifsc code search' onChange={(e)=>this.setState({ifscCode:e.target.value})} />
                    </View>

                    <View style={styles.btncnt}>
                        <Button title='Search' style={styles.btn} onClick={this.ifscSearch()} />
                    </View>

                    <View style={styles.listcnt}>
                        <Text>BANK: {this.state.detail.BANK}</Text>
                    </View>
                    <View>
                        
                    </View>
                </View>
            </ScrollView>
        </SafeAreaView>
        </>
    )
}

}

const styles=stylesheet.create（{maincnt:{flex:1,margin:10,backgroundcolor:'white'},inpcnt:{margintop:20,},btncnt:{margintop:20,},listcnt:{margintop:20,},listcnt:{margintop:20},txtinp:{widt:350,height:50,borderradius：25,borderwidt:2,bordercolor:'indigo',alignself:'centr',

}）；

Answer 1

您在这里有一个错误

onClick={this.ifscSearch()}

请查看下面的链接来解决这个问题。https://stackoverflow.com/A/6149805/10562665

另外，我在这里也看到了一个小的类型错误

tha.setState({detail:response.data})