用反应原生的用户输入解构url路径

时间:2018-01-05 10:27:58

标签: react-native

我正在寻找对API的提取请求,在我的代码中我添加了一个文本输入:

   constructor(props) {

    super(props)
    this.state = {
      UserInput: '',
    }
  }

<TextInput onChangeText={(UserInput) => 
this.setState({UserInput})} value={this.state.UserInput} />

如果我在视图中渲染UserInput,我肯定能看到<Text>{this.state.UserInput}</Text>变量,但是我尝试使用该变量为我的api请求生成动态网址路径。

网址看起来https://api.trading.com/1.0/stock/msft/company msft是我必须改变的UserInput

在纯JavaScript中,我通常会这样做:

  const userstock = UserInput;
  const path = "https://api.trading.com/1.0/stock/";
  const end = "/company";
  const url = path + userstock + end;

我用const改变了var,因为它反应原生,但它仍然不起作用,

  

无法找到变量:UserInput

我也试过https://api.trading.com/1.0/stock/${UserInput}/company有人可以帮忙吗?感谢

1 个答案:

答案 0 :(得分:0)

在你写的时候,如果你渲染<Text>{this.state.UserInput}</Text>就行了! 为什么不这样写:

const userstock = this.state.UserInput;

或:

"https://api.trading.com/1.0/stock/"+ this.state.UserInput +"/company"

我建议您阅读官方文档并了解有关props and state的更多信息!