Блог

возможно, это глупый вопрос, но поверьте мне, я новичок в ReactJS. На самом деле я реализовал логику для фильтра поиска в reactjs, здесь я делаю фильтр поиска на основе свойства состояния ( state have all records ), он работает нормально, но в основном он отображает все данные, которые хранятся в базе данных. Я хочу выполнить поиск по конкретным данным, предположим, у меня всего 80 записей в базе данных, я хочу выполнить поиск по конкретным данным, если, например, тип пользователя bla и эта запись хранится по идентификатору 10, тогда я просто хочу отобразить Id 10 результат, не похожий на полные данные, которые хранятся в базе данных. Я хочу отображать только совпадающие данные, в настоящее время я использую Loopback4 и я отображаю данные через API. Не мог бы кто-нибудь, пожалуйста, помочь мне, как решить эту проблему.

Спасибо

Извините: если я допустил ошибку в грамматике английского языка, потому что я не являюсь носителем языка

Код

     class Example extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      Item: 5,
      skip: 0
    }

    this.handleClick = this.handleClick.bind(this);
  }

  urlParams() {
    return `http://localhost:3001/meetups?filter[limit]=${(this.state.Item)}amp;amp;filter[skip]=${this.state.skip}`
  }

  handleClick() {
    this.setState({skip: this.state.skip   1})
  }

  render() {
    return (
      <div>
        <a href={this.urlParams()}>Example link</a>
        <pre>{this.urlParams()}</pre>
        <button onClick={this.handleClick}>Change link</button>
      </div>
    )
  }
}


ReactDOM.render(<Example/>, document.querySelector('div#my-example' ))
  

Вы не должны указывать URL в качестве атрибута a тега.

Смотрите документы о том, как правильно обрабатывать вызовы api!

Надеюсь, это могло бы помочь!