Почему 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}>