Reactjs react路由器中“/”和“/anything”的重定向有什么区别?

Reactjs react路由器中“/”和“/anything”的重定向有什么区别?,reactjs,react-router,Reactjs,React Router,我正在尝试将用户从/重定向到/info,如果他有状态更新。 如果需要从/form/anything到/data进行重定向,则一切正常,将相同的组件计算在内,即在/,但如果重定向是从/,而不是从/home进行的,则会失败,并保留在相同的组件上。所以下面的线是可见的。 这有什么区别,我可以直接从/重定向吗 这些是纯功能组件,除了标记之外,不包含任何其他内容。 应用程序组件: function App() { return <div className={'app'}> &l

我正在尝试将用户从/重定向到/info,如果他有状态更新。 如果需要从/form/anything到/data进行重定向,则一切正常,将相同的组件计算在内,即在/,但如果重定向是从/,而不是从/home进行的,则会失败,并保留在相同的组件上。所以下面的线是可见的。 这有什么区别,我可以直接从/重定向吗

这些是纯功能组件,除了标记之外,不包含任何其他内容。 应用程序组件:

function App() {
  return <div className={'app'}>
     <PerfectScroll>
      <main className={'contentArea'}>
       <Router history={history}>
         <Route exact path={'/'} component={Select} />
         <Route path={'/home'} component={Select} />
         <Route path={'/info'} component={Info} />
         <Route path={'/summary'} component={Summary} />
         <Route path={'/thank-you'} component={() => <h1>Thanks</h1>} />
        <Redirect from={'*'} to={'/'} />
       </Router>
      </main>
     </PerfectScroll>
  </div>
}
浏览器历史记录:

import { createBrowserHistory } from 'history';

const history = createBrowserHistory();

export default history;

不使用重定向,只需在路径中添加多个路由即可

例如:

<Route exact path={["/","/pathName"]} component={yourComponentName} />
更新 如果你想重定向到工作,如果没有找到路由,那么你需要这样做

 <Route path="*" component={Select} />

我已经在上实现了您的示例,唯一改变的是选择了使用React片段包装的组件,因为它工作不稳定。第一个子项的开关组件检查和片段可能正在破坏它

功能选择{ 回来 } 如果我理解你的逻辑,它应该在这里工作。
检查代码:

您希望有什么不同?使用根路径重定向没有什么不同,给定的路径不会改变功能。您是否尝试执行某项操作,但它不起作用?我可能解释得很糟糕,问题是我无法从根目录重定向,并且可以从“/任何内容”重定向。我明白您的意思,感谢您提供此信息,但问题是由于某种原因,我无法从“/”重定向,并且可以从其他路径重定向。我对同一个组件的“/”和“/home”没有问题。哦,对不起,是的,这是因为这行代码。删除这行代码,您就可以开始了:
 <Route path="*" component={Select} />