abberati

В первом случае редакс ничего не знает про роутер, роутер используется сам по себе. Во втором случае роутер прикручен к редаксу и логика завёрнута в мидлварю из connected-react-router. В компонентах разницы никакой. Разница в том, что второй способ позволяет работать с роутером через диспатчи специальных экшонов там, где реакта нет — например, в redux-thunk или redux-saga.

const B = () => {
                const footer = (
                    <View>
                        <Text>
                            footer
                        </Text>
                    </View>
                )
                return (
                    <View>
                        <A footer={footer}>
                            <Text>
                                lorem
                            </Text>
                        </A>
                    </View>
                )
            }

Он работает. Он асинхронный. В документации про это написано. Если ты хочешь что-то делать с новым значением стейта, то это что-то ты должен делать в useEffect

А в тайм-ауте не меняется из-за замыкания. Это константа. Она никогда не поменяется в замыкании. Никогда.

Вот компонент, который был отрендерен роутом
() => <Success />

Вот тут (props) => <Success /> в props есть history

Пропсы, которые ты передаёшь в компонент Success находятся между <Success и />

Для этого существуют Error boundaries

state = {
    listItems: [],
}

В двух ответах выше вам написали что-то не то. В react v17 запилили новый jsx transform. И с версии 17 на самом деле просто больше не нужно импортировать React

https://reactjs.org/blog/2020/09/22/introducing-th...

Никак. Стор для данных, не надо хранить в нем функции. Так в доке написано. Пересмотри подход к решению задачи.

Это наоборот является хорошей практикой. Переиспользование универсального кода, все дела

У вас две ошибки
Первая — внутри эффекта вы добавляете обработчик и всё. Обработчик будет вызван и изменит значение только при ресайзе.
Вторая —нарушено правило useEffect про зависимости, isMobile замыкается.

Посмотрите на готовое решение, сравните со своим, почитайте статью про useEffect

Готовое решение
Статья

const handleChangeItemValue =
  id =>
    ({ target: { value } }) =>
      setList(
        list => list.map(item => item.id === id ? { ...item, value } : item)
      )

В документации есть статья на эту тему

https://redux.js.org/recipes/structuring-reducers/...