有没有一种方法可以在抽屉式导航中使用不同的参数重定向到相同的路线

Question

我创建了多个抽屉菜单项，只有少数菜单项将重定向到同一组件，但是使用不同的参数进行渲染 有没有办法做到这一点？？

Answer 1

您的网址可能看起来像这样：“ url /.../ [menu-item-name]”。 然后在每个菜单项的onClick方法上，您可以使用react-router-redux使用新的URL推送状态。

import { push } from 'react-router-redux';
...
onClick() {
  const { dispatch } = this.props;
  dispatch(push('url/menu-item-1', {
     prop1: 1,
     prop2: 2,
  }));
}

并访问这些道具：

<Route
    exact
    path="/url/:menuIitem"
    render={ ({ match: { params }, location: { state: props } }) => (
        <Component
            menuItemName={ prams.menuItem }
            {...props}
        />
    ) }
/>