Предположим, у вас есть список в вашем веб-приложении, который вы позволите клиентам манипулировать записями списка, удаляя, редактируя и добавляя. Что произойдет, если данные изменится?! Часто мы должны обновлять данные за сценой и молча. Есть 2 способа, которые я буду показывать вам.
Метод 1.
На самом деле этот метод не является предметом нашей статьи, но я объясню.
Подумайте, что вы будете получать данные из API. Вы бы использовали Государственное управление Системы, такие как redux, redux toolkit и т. Д. После этого вы бы управляли данными там, и список будет обновляться. Но подожди минутку … Как насчет списка, который необходим для обновления синхронно?! Конечно! Список устарел и не эффективен.
Метод 2.
Перенесение – это ключ нашего процесса. Но главный вопрос: Как я должен знать, что данные изменится?!
1- ОК! Прежде всего, вы должны объявить состояние, используя Уместите , Redux и так далее. Значение по умолчанию должно быть логией, который в моем случае является ложь Отказ
const [toggle, setToggle] = useState(false);
2 – Подумайте, что клиенты начнутся добавлять записи. Когда Пост Способ выполненного API, состояние должно быть переключено отрицание предыдущая государственная стоимость.
setToggle(prevState => !prevState);
3- Что сейчас?! Напишите Useffect Для получения данных снова в то время как зависимость Переменная была установлена на Включение государство.
useEffect(() => {
// Fetching
}, [toggle])
Груз! Из-за изменения Включение Состояние после каждого указанного вами изменений, данные будут вытеснены снова и красиво, не делая это вручную, например, нажав на кнопку и т. Д.
Вы можете или, возможно, захотите подключиться со мной через сети, которые я положил на мой сайт: Сайт Али Бахаари
Оригинал: “https://dev.to/alibahaari/how-to-re-fetch-data-when-something-changes-in-reactjs-375m”