В моем приложении я использую избыточность для навигации. Просто как:
<div
onClick={()=>this.props.action.EntryAction("search", {})}
>
<span>Search</span>
</div>
Акция:
export function EntryAction(entry, dataSource) {
return function action(dispatch){
dispatch({type:entry, dataSource:dataSource})
}
}
Редуктор:
function EntryReducer(state=initValue, action){
return {...state, entry:action.type};
}
const initValue = {
entry:"search"
}
Приложение
class App extends Component {
...
handOutEntry(){
switch(this.props.entry.entry){
case "search":
return <Entry.Search />
case "home":
return <Entry.Home />
default:
return <Entry.Search />
}
}
render(){
let entry = this.handOutEntry()
return(
<div>
{entry}
</div>
)
}
}
Я могу легко изменить страницу с «Поиск» на «Главная», но не могу обновить текущую страницу. Так как текущая страница - «Поиск», если я щелкаю навигацию поиска, страница вообще не меняется. Я просто хочу обновить текущую страницу.