Как искать конкретные данные в ReactJS - PullRequest
0 голосов
/ 03 апреля 2019

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

Спасибо

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

код

<code>    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)}&&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()}
) } } ReactDOM.render (, document.querySelector ('div # my-example'))

1 Ответ

0 голосов
/ 03 апреля 2019

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

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

Надеюсь, что это может помочь!

...