URLにtextinputに入力された値を渡す方法は？

Question

ちょっと私は反応ネイティブでバックエンドAPIで検索を作成しようとしていると私は単語をTextInputにURLに渡す必要があります。私はそれを正しくやっているかどうかは分かりません。体は整流で私を助けることができます

ここにコードです。

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

：よう

それは行く必要があります。

変更

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

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

Answer 2

あなたが使用しようとしているのはhttps://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_literalsです。それは、それは文字列として{this.state.search}取りのように見えます

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