反应中的路由抛出"No duplicate props allowed "

Question

我所有的路由都是在我的应用程序中完成的.js。但是在我的路线中，我收到同一件事的多个错误。我没有通过我的应用程序的这一部分传递道具，所以我不确定为什么我会收到这个。

我收到的错误

[1] ./src/App.js
[1]   Line 70:36:   No duplicate props allowed  react/jsx-no-duplicate-props
[1]   Line 71:31:   No duplicate props allowed  react/jsx-no-duplicate-props
[1]   Line 72:39:   No duplicate props allowed  react/jsx-no-duplicate-props
[1]   Line 73:44:   No duplicate props allowed  react/jsx-no-duplicate-props
[1]   Line 78:11:   No duplicate props allowed  react/jsx-no-duplicate-props
[1]   Line 85:11:   No duplicate props allowed  react/jsx-no-duplicate-props
[1]   Line 91:11:   No duplicate props allowed  react/jsx-no-duplicate-props
[1]   Line 94:42:   No duplicate props allowed  react/jsx-no-duplicate-props
[1]   Line 95:39:   No duplicate props allowed  react/jsx-no-duplicate-props
[1]   Line 99:11:   No duplicate props allowed  react/jsx-no-duplicate-props
[1]   Line 103:47:  No duplicate props allowed  react/jsx-no-duplicate-props
[1]   Line 104:47:  No duplicate props allowed  react/jsx-no-duplicate-props
[1]   Line 108:11:  No duplicate props allowed  react/jsx-no-duplicate-props
[1]   Line 114:11:  No duplicate props allowed  react/jsx-no-duplicate-props
[1]   Line 120:11:  No duplicate props allowed  react/jsx-no-duplicate-props
[1]   Line 126:11:  No duplicate props allowed  react/jsx-no-duplicate-props
[1]   Line 132:11:  No duplicate props allowed  react/jsx-no-duplicate-props
[1]   Line 138:11:  No duplicate props allowed  react/jsx-no-duplicate-props

我的应用的路由部分.js

<BrowserRouter>
<Switch>
<Route exact path="/reset" exact component={ResetPassword} />
<Route exact path="/" exact component={LoginPage} />
<Route exact path="/Register" exact component={RegisterPage} />
<Route exact path="/confirm-email" exact component={ConfirmEmail} />
<RegisterAuthRoute
exact
path="/confirm-register"
exact
component={ConfirmRegisterPage}
/>
<ResetAuthRoute
exact
path="/confirm-Password"
exact
component={ConfirmPassword}
/>
<AuthRoute
exact
path="/profile-update-account-details"
exact
component={UpdateAccountDetailsPage}
/>
<AuthRoute exact path="/profile" exact component={ProfilePage} />
<AuthRoute exact path="/home" exact component={Home} />
<AuthRoute
exact
path="/user-questions"
exact
component={UserQuestions}
/>
<AuthRoute exact path="/user-history" exact component={History} />
<AuthRoute exact path="/admin-center" exact component={AdminCenter} />
<AuthRoute
exact
path="/admin-question-editor"
exact
component={AdminQuestionEditor}
/>
<AuthRoute
exact
path="/admin-view-users"
exact
component={AdminViewUsers}
/>
<AuthRoute
exact
path="/admin-view-users-severity-high"
exact
component={AdminViewUsersSeverityHigh}
/>
<AuthRoute
exact
path="/admin-view-users-severity-medium"
exact
component={AdminViewUsersSeverityMedium}
/>
<AuthRoute
exact
path="/admin-view-users-severity-completed"
exact
component={AdminViewUsersSeverityCompleted}
/>
<AuthRoute
exact
path="/admin-view-users"
exact
component={AdminViewUsers}
/>
</Switch>
</BrowserRouter>

本质上问题是。为什么我会收到此错误？如何解决此错误？

Answer 1

看起来您要将exact道具传递给每条路线两次。

请参阅有关确切的 react-router 文档。