Местоположение
Украина

Наибольший вклад в теги

Все теги (2)

Лучшие ответы пользователя

Все ответы (1)
  • Как отрендерить полученные с помощью Api(Fetch), сохраненные в Redux(store)?

    @Spidey123
    В Redux есть компонент высшего порядка(HOC) - connect, который принимает в себя 2 параметра
    mapStateToProps
    и
    mapDispatchToProps
    и в каррированную ей функцию принимает твой компонент. Сначала описываешь
    mapStateToProps
    , dispatch можешь не описывать пока. С помощью connect mapStateToProps получает в себя весь state приложения как параметр и ты определяешь что вернёт в твой компонент этот mapStateToProps. См. Пример внизу
    import {connect} from 'react-redux'
    
    class App extends Component{ 
    // component body here
    }
    
    const mapStateToProps = state => ({
         propName: state.path_to_prop
    })
    
    export default connect(mapStateToProps, null)(App)

    И так же, чтобы твоё приложение видело твой store и имело доступ к dispatch и getState методам делаешь в рутовом компоненте(откуда начинает рендериться твоё приложение)
    import {Privider} from 'react-redux'
    
    const store = createStore(root_reducer, initial_state)
    
    ReactDOM.hydrate(
           <Provider store={store}>
                     <Your_root_component />
            <Provider />,
             document.getElementById('body')


    Если не понятно, то читай доку React+Redux
    Удачи =]
    Ответ написан
    3 комментария