即时搜索reactjs

时间:2018-12-12 17:28:21

标签: javascript json reactjs render

我试图仅显示通过查询呈现的JSON对象,我要查询的特定JSON属性是JSON对象的T+v[None,None,:]

id

这是使JSON对象进入状态的方式。这是我的变更事件。

  componentDidMount() {
    import("../../data/index").then(items => {
      this.setState({ items });
    });
  }

对,现在我无法呈现结果,我的代码返回JSON对象中的所有对象。我正在尝试实现一个即时搜索,该搜索将忽略对象的其余部分,而仅呈现查询。以下是我的状态

  onChangeSearch = evt => {
    const { items } = this.state;
    this.setState({
      [evt.target.name]: evt.target.value
    });

    return console.log(items);
  };

最初,我通过this.state = { page: 0, items: [], query: "" }; 渲染所有JSON对象。有什么想法或解决方案可以实现这一目标吗?

0 个答案:

没有答案