React从URL获取参数

Question

我是个新手，已经用了几周了。我想知道如何让我的cod动态地从url获取数据并显示它。

   searchSome() {
var serachValue=
  "http://localhost:8005/api?act=search&term=" + this.state.valSearch+ "+";
fetch(serachValue)
  .then(data => data.json())
  .then(result => {
    // console.log(this.state.library);

    var object= JSON.stringify(this.state.library);
    var stringify = JSON.parse(object);
  });
}

链接结果的数据，如id，姓名等。我需要过滤，因为用户在搜索栏中输入的词，并显示它。

显示代码

const filter = this.state.library.filter(book=> {
  return (
    book.name.indexOf(this.searchSome()) !== -1 ||
    book.description
      .indexOf(this.searchSome()) !== -1
  );
});

任何帮助都非常感谢！

Answer 1

请在下面尝试

searchSome(searchTerm) {
    var serachValue=
      "http://localhost:8005/api?act=search&term=" + searchTerm + "+";
    fetch(serachValue)
      .then(data => data.json())
      .then(result => {
        // Not sure what is your format, but you have to set this data to state
        this.setState({ library: result });
    }); 
}

render() {
    return (
        <View>
            <TextInput
                onChangeText={(text) => {
                    // Should debounce the call to `searchSome` to avoid multiple request
                    this.searchSome(text);
                    this.setState({ searchValue: text })
                }}
                text={this.state.searchValue}
            />
            <FlatList 
                data={this.state.library}
            />
        </View>
    )
}