Redux + React : react路由器仅渲染索引路由

import React from 'react';
import { createStore } from 'redux';
import { Provider } from 'react-redux';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

// 定义Redux存储和减速器
const initialState = { count: 0 };
const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'INCREMENT':
      return { count: state.count + 1 };
    case 'DECREMENT':
      return { count: state.count - 1 };
    default:
      return state;
  }
};
const store = createStore(reducer);

// 定义索引路由组件
const IndexRoute = () => {
  return <h1>Index Route</h1>;
};

// 定义其他路由组件
const OtherRoute = () => {
  return <h1>Other Route</h1>;
};

// 渲染应用程序
const App = () => {
  return (
    <Provider store={store}>
      <Router>
        <Switch>
          <Route exact path="/" component={IndexRoute} />
          <Route component={OtherRoute} />
        </Switch>
      </Router>
    </Provider>
  );
};

export default App;