默认反应路线与带有参数的路线发生冲突

问题描述 投票:0回答:1

我的app.js代码

<Switch>
          <Route exact path='/' component={HomePage} />
          <Route exact path='/about' component={About} />
          <Route exact path='/careers' component={Careers} />
          <Route
            exact
            path='/solutions/standard'
            render={() => <Solutions solution='Standard' />}
          />
          <Route
            exact
            path='/solutions/custom'
            render={() => <Solutions solution='Custom' />}
          />
          <Route component={NotFound} />
          <Route
            exact
            path='/detail/:solution/:prod'
            component={Detail}
          ></Route>
          />
        </Switch>

但是当我转到/ detail / something / something时,它将呈现默认的'not found'组件,而不是呈现'detail'组件并将'solution'和'prod'作为参数发送]

并且,对于解决方案组件,代替相同组件仅具有不同的道具,我如何指定参数的选项,例如:

<Route exact path='/solutions/:standard || custom' component={Solution} />

我的app.js代码

reactjs react-router
1个回答
0
投票

对于解决方案,您可以执行以下操作

热门问题
推荐问题
最新问题