Посмотри, как сделано в react-toastify. А лучше возьми эту библиотеку и используй

1. По поводу методов вне компонента. Значит что-то типа ридакса стоит. А значит просто обрабатываешь серверную ошибку и сохраняешь в сторе нужную тебе строку при ошибке и потом ты просто везде можешь кидать эту строку.
2. По поводу "не хочу добавлять повторяющийся код". Тебе все равно где-то в ui отрисовывать это. Ты это можешь делать на самом верхнем компоненте твоего route. И тогда повторение минимально будет.

Ну либо пользуйся нативным alert или confirm

Спасибо, смотрю

Да, юзаю редакс. Я примерно над таким решением и думаю, но что делать, если мне нужно какие-то экшны вкрутить? Вроде класть в редьюсеры коллбеки, а потом получать их в компоненте алерта, идея не очень

Не понял. Какие еще колбэки в редьюсере?

Я в каком-нибудь thunk action-е хочу показать alert, если сервер вернул ошибку, с кнопкой "Повторить".

Я диспатчу экшн, в который передаю текст ошибки для алерта, редьюсер ловит экшн, кладёт поля в стор, далее ререндерится компонент алерта, достаёт из стейта поля и показывает.

Вот в этой картинке не хватает экшна "Повторить". Как мне сообщить компоненту алерта, что делать по нажатию на кнопку?

Юзаешь в качестве референса эти два сообщения

Модалка - это тоже часть представления, которое зависит от состояния, лучше управлять ее отображением из компонентов , на мой взгляд

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

Если я не прав - было бы интересно выслушать аргументы)

Добрый день люди! Буду признателен если кто-нибудь даст совет по проблеме. Есть массив реакт компонентов в родительсвом компоненте, при событии в родительском компоненте надо пробежаться по массиву дочерних компонентов и для каждого вызвать его внутренний метод. Я так понимаю это не делается так как в классах в vanilla JS?
Вот тут накидал структуру https://jsfiddle.net/jkLq26pg/36/
На строчке 11 отваливается по ошибке если вызывать метов value() для компонента Item. Как можно вызывать методы в таком случае?

Я же не говорю про вызов методов из редьюсера. Я хочу просто иметь метод с сигнатурой типа такого:
showAlert(message: string, actionText: string, onActionClick: () => {}).

И не очень понимаю, как это реализовать средствами редакса.

Библиотека react-toastify даёт в принципе нужную мне функциональность, так что я заюзаю её. Но вообще всё равно интересно, как без неё реализовать такое

Мой вопрос: почему это должно быть реализованно средствами редакса? Грубо говоря, при чем тут редакс?

Я не привязываюсь к нему. Если есть варианты без него - то даже лучше. Просто я их не вижу/не знаю)

как  можно изменить данную  ошибку,  сделал  все  как указано в док модуля но  ошибка   не исчезла

Значит не так сделал. А как сделал никто не угадает. Делай как в доке

Лень читать код. Вообще так не делают в реакте, как ты хочешь. Опиши задачу

Ну посмотри в исходники библиотеки, они открытые. Вот так, как там написано, так делают

Попробую без кода.
Есть компонент "Огород", в огороде массив компонентов [ "Картошка", "Арбуз", "Вишня"]
У каждого из компонентов  "Картошка", "Арбуз", "Вишня", есть метод "Собрать урожай" с разной логикой:
- картошку выкопать
- арбуз собрать
- вишгю сорвать
Так вот при событии "собрать урожай" во всем огороде, надо пробежаться по массиву и вызвать метод "Собрать урожай"

повторю фразу Ивана
так в реакте не делают