Wie übergeben Sie den eingegebenen Wert im Texteingang an die URL?

Question

Hey Leute, ich versuche, Suche mit Back-End-API in native Reaktion zu erstellen, und ich muss das in den TextInput eingegebene Wort an die URL übergeben. Ich bin mir nicht sicher, ob ich es richtig mache oder nicht, kann irgendein Körper mir helfen, zu korrigieren

Hier ist der Code.

this.state = { 
     search: "", 
    } 

async onSearchPressed() { 
    try { 
     let response = await fetch("http://www.endpoints.com/search/{this.state.search}", { 
     method: "GET", 
     headers: { 
      'Accept': 'application/json', 
      'Content-Type': 'application/json' 
     }, 
     }); 


     render =() => { 
    let fields = [ 
      {ref: 'search', placeholder: 'search', keyboardType:'default',secureTextEntry: false},]; 
    return (
     <TextInput 
      {...fields[0]} 
      onChangeText={(val) => this.setState({search: val})} 
      value={this.state.search} 
     /> 

     <TouchableOpacity onPress={this.onSearchPressed.bind(this)} /> 

Answer 1

Es sieht aus wie, Es ist die {this.state.search} als String genommen.

ändern

let response = await fetch("http://www.endpoints.com/search/{this.state.search}", { 

zu

let response = await fetch("http://www.endpoints.com/search/"+this.state.search, { 

Answer 2

Was Sie versuchen zu verwenden ist https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_literals.

sollte es gehen wie:

fetch(`http://www.endpoints.com/search/${this.state.search}`