css 位置“/”处匹配的叶路由没有元素或组件,这意味着默认情况下，它将使用空值呈现

guykilcj 于 5个月前发布在其他

关注(0)|答案(1)|浏览(75)

下面是我的代码：

<Routes>
          <Route
            exact
            path="/"
            render={(props) => (
              <Fragment>
                <Search
                  searchUsers={this.searchUsers}
                  clearUsers={this.clearUsers}
                  showClear={users.length > 0 ? true : false}
                  setAlert={this.setAlert}
                />
                <Users loading={loading} users={users} />
              </Fragment>
            )}
          />
      </Routes>

字符串
我希望有主页工作，因为它是没有React路由器DOM工作，但我实现了它，它显示一个空页面。

css

来源：https://stackoverflow.com/questions/77725732/matched-leaf-route-at-location-does-not-have-an-element-or-component-this-m

1条答案

按热度按时间

i7uq4tfw1#

react router dom的v6和v5有区别。你似乎把它们弄混了。
V5：Switch与render prop一起使用。

<Router>
    <Switch>
      <Route
        exact
        path="/"
        render={(props) => (
          <Fragment>
            <Search
              searchUsers={this.searchUsers}
              clearUsers={this.clearUsers}
              showClear={users.length > 0 ? true : false}
              setAlert={this.setAlert}
            />
            <Users loading={loading} users={users} />
          </Fragment>
        )}
      />
    </Switch>
  </Router>

字符串
v6：Routes与element prop一起使用。

<Router>
   <Routes>
     <Route
        path="/"
        element={
          <Fragment>
            <Search
              searchUsers={this.searchUsers}
              clearUsers={this.clearUsers}
              showClear={users.length > 0 ? true : false}
              setAlert={this.setAlert}
            />
            <Users loading={loading} users={users} />
          </Fragment>
        }
      />
   </Routes>
 </Router>

型

赞(0）回复(0）举报 5个月前

我来回答

css 位置“/”处匹配的叶路由没有元素或组件,这意味着默认情况下，它将使用空值呈现

1条答案

相关问题

热门标签

最新问答