Как вызвать ререндер несвязанного компонента?

Question

[Kentavr16]

Доброго времени суток. Вот схема моего пет-приложения:



Собственно проблему попытался отобразить на схеме. Есть два несвязанных компонента. Само приложение маленькое, организовывать хранение стейта с помощью условного redux не вижу смысла. Проблема в том, что нужно запустить ререндер компонента Б, когда я создаю новую задачу в компоненте А. Пока додумался только до создания в родительском компоненте App стейта, который изменяю при успешном создании новой записи компонентом А, и передаю в компонент Б для его ререндера. Это не похоже на лучшую практику. Возможно есть предложения по реорганизации приложения? Или способ оптимальнее запустить ререндер компонента б?

Comments

[szQocks]

либо через обёртку, либо через setState, обёрткой может быть всё что угодно от вышестоящего компонента до различных стейт менеджеров глобальных

Это не похоже на лучшую практику

- придумай сам лучшую практику

[Kentavr16]

szQocks, Не найдя прямого ответа в гугл я предположил что это единственный вариант. Просто выглядит костыльно. Странно что нет условной функции для ререндера определенного отдельно взятого компонента. Ясно что в следующий раз я организую приложение с учетом этого нюанса, но все же.

Answer 1

[Alexandroppolus]

Само приложение маленькое, организовывать хранение стейта с помощью условного redux не вижу смысла

ну тогда просто храни в контексте

Answer 2

[Уалихан Оразбаев]

Ререндер компоненты происходит в трех случаях:
1) Изменения props
2) Изменения state
3) Вызов метода forceUpdate (доступно только в классовых компонентах)

Твое решение вполне адекватно:
В родительской компоненте A и B компонент сделать состояние data с задачами и создать функцию к примеру fetchData в которой при вызове получать задачи с сервера. Вызывать fetchData в useEffect для первичной загрузки данных, затем прокидывать data в компоненту B для отображения данных. В компоненту A же прокинуть функцию fetchData и вызывать ее в случае успешного создания новой задачи для обновления данных