Это правильный способ передать хранилище Redux через React Context в Root Component?

Question

Я строю большие приложения React. На самом деле это продвинутый уровень админ-панели, я хочу использовать Redux для обработки глобального state приложения и Redux Saga для асинхронных действий.

Несколько дней назад я видел статью в medium, в которой рассказывается о новом React Context API, он потрясающий и полезный.

Также я увидел полезный Stack Overflow вопрос об использовании React Context, Здесь примерно равен React Context против React, и моя ситуация несколько отличается.

В моем случае я хочу использовать Redux для управления глобальными state приложениями, такими как login, глобальными данными и т. Д., И передачи этих данных во все дерево компонентов с помощью React Context, это правильный путь? Есть ли лучший способ использовать?

Answer 1

react-redux внутренне использует context для передачи данных компоненту. С помощью redux вы можете использовать connect и передавать данные компоненту, который в этом нуждается. Для этого не обязательно использовать контекст

Например, у вас есть компонент Admin, вы можете передать ему значения состояния, например

import { connect } from 'react-redux';

class Admin extends React.Component {
    ...
}

const mapStateToProps = (state) => {
    return {
        isLoggedIn: state.isLoggedIn
    }
}

export default connect(mapStateToProps)(Admin);

Подробнее об этом можно узнать здесь