Как отладить этот поисковый фильтр в реакции

Question

Я сделал простой поисковый фильтр, и он работает должным образом, в том смысле, что он вернет количество результатов обратно с его фильтрацией.

Вот фрагмент кода, чтобы помочь понять, что язначит

{this.state.subject.filter(search(this.state.search))
    .map((subject,index) => {
      return <Subject key={index} 
        subjectId={this.state.subject[index].id}
        subjectName={this.state.subject[index].name} />
})}

Как видите, для доступа к теме мне нужно получить доступ к индексу массива внутри, чтобы получить результат.Если я что-то найду и скажу, что возвращает 2, он вернет первые два индекса вместо конкретных.

Есть ли способ обойти это?

Answer 1

Вам не нужно обращаться к элементам из исходного массива, вы можете использовать категорию соответствующей итерации внутри вызова карты:

{this.state.categories.filter(searchingFor(this.state.search))
  .map((category) => {
    return <Category key={category.id} 
      categoryId={category.id}
      categoryName={category.name} />
})}