Блог

Главная - Вопросы по программированию - Как сделать так, чтобы нажатие на кнопку поиска фильтровало список элементов в React.js

Как сделать так, чтобы нажатие на кнопку поиска фильтровало список элементов в React.js

#javascript #reactjs

Вопрос:

Я новичок в React.js. Как сделать так, чтобы кнопка поиска отображала элементы в списке.Прямо сейчас он ничего не делает

<Button type = 'submit'>Search</Button>

Ответ №1:

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

 <button onClick={listItems}>Search</button>

Или

 <button onClick={() => listItems()}>Search</button>

Или

 <button onClick={() => {
    console.log(listOfItems)
}}>Search</button>

Комментарии:

1. Из журналов консоли я вижу список элементов, но как я могу отфильтровать элементы, если я выберу один элемент, и он отобразится на моей странице? Самое близкое, что я видел на YouTube, это следующее : youtube.com/watch?v=RM_nXOyHwN0

2.Взгляните на методы массива в документах mdn. Вы либо захотите использовать listOfItems.find , либо listOfItems.findIndex . developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…developer.mozilla.org/en-US/docs/Web/JavaScript/Reference /…

Метки: ,