Wie man axios url ändert?

Question

constructor(props) { 
    super(props); 
    this.state = { 
     isLoading: true, 
     search:'', 
    }; 
    } 

    componentDidMount(){ 
    var url = 'url='+this.state.search; 
    axios.get(url) 
     .then(response =>this.onResponse(response.data)); 
    } 

    onResponse(gelen){ 
    this.setState({ 
     isLoading:false, 
     veri:gelen, 
    }); 
    console.log(this.state.veri); 
    } 

    render() { 
    if (this.state.isLoading) { 
     return (
     <View style={{flex: 1, paddingTop: 20}}> 
      <ActivityIndicator /> 
     </View> 
    ); 
    } 
    return(
     <View style={styles.container}> 
     <TextInput 
      style={{height: 40, borderColor: 'gray', borderWidth: 1}} 
      onChangeText = {(search) => this.setState({search})} 
      placeholder="Welcome"> 
     </TextInput> 
     </View> 
    ); 
    } 

React Native Search ist Änderung, aber URL nicht ändern, wie URL ändern oder aktualisieren? Ich wollte eine Suchseite erstellen, und ich versuchte so etwas, aber ich konnte den Dateneintrag nicht hinzufügen, nachdem die Daten am Ende der URL eingegangen waren.

Answer 1

Alles, was Sie tun müssen, ist, Feuer-Set Suchzustand und auch Feuer die axios

Sie tun können, es mag:

<TextInput 
    style={{height: 40, borderColor: 'gray', borderWidth: 1}} 
    onChangeText = {(search) => this.searchData(search)} 
    placeholder="Welcome"> 
</TextInput> 

searchData(search) { 
    this.setState({search}); 
    var url = 'url='+search; 
    axios.get(url).then(response => this.onResponse(response.data)); 
}