Почему react-router-redux не работает?

установил его так как при изменении роутов ссылкам не подставлялся класс active из-за этого export default connect(mapStateToProps)(MenuTask);

сделал вот так ,но теперь url меняется а компоенты этого url не подставляются ,что сделал не правильно? https://github.com/AnrikoTacatti/FD3-Pauls/tree/main/keep

не работало сначала вот это activeClassName="ActivePageLink",не применялся

 <NavLink to={"/chapter/" + this.state.TaskLists[tasklistskey].url} exact className="PageLink" activeClassName="ActivePageLink" key={tasklistskey}>
 {this.folder()}  {this.state.TaskLists[tasklistskey].name}
/NavLink>

а когда сделал <Router history={this.props.history}> это url меняться ,компоненты для этого url не появляться это работает только при перезагрузке ,дальше кликаю на меню меняется url в строке браузера ,а разделя для этого url не видно остается старый раздел

import { routerReducer } from 'react-router-redux';





<code>let combinedReducer = combineReducers({
  // редьюсер countersReducer отвечает за раздел state под именем counters
  stateTaskLists: TaskReducer,
  routing: routerReducer
  // + другие редьюсеры
});

export default combinedReducer;




import TaskMain from './page/MainPage.js';
import combinedReducer from "./stores/stores.js";
import { syncHistoryWithStore } from 'react-router-redux';
import { Router } from 'react-router-dom';
import { createBrowserHistory } from 'history';

const store = createStore(combinedReducer);
export default store;
let history = syncHistoryWithStore(createBrowserHistory(), store);

ReactDOM.render(<Provider store={store}><Router history={history} ><TaskMain /></Router></Provider>, document.getElementById('root'));

потом переделал эту строку вот так

ReactDOM.render(<Provider store={store}><TaskMain history={history} /></Provider>, document.getElementById('root'));

пробовал так но BrowserRouter не поддерживает history <BrowserRouter history={this.props.history}>

а так меняться url , но компоненты не меняются <Router history={this.props.history}>


Ответы (0 шт):