反应路线不呈现答案

【问题标题】：React-Routes not rendering反应路线不呈现
【发布时间】：2022-11-14 16:18:19
【问题描述】：

这是我的 app.js

<Router>
        <Header title="My Todos List" />
        <Routes>
          <Route path="/about" element={<About />} />
          <Route path="/" render={() => {
            return (
              <>
                <AddTodo addTodo={addTodo} />
                <Todos todos={todos} onDelete={onDelete} />
              </>)
          }} />
        </Routes>
        <Footer />
      </Router>

渲染功能未在我的主页中渲染任何内容

【问题讨论】：

标签： javascript html css reactjs

【解决方案1】：

你必须使用 children prop for render prop from RR V5+ - see the migration docs for ref

所以将Route 更改为

<Route
  path="/"
  children={
    <>
      <AddTodo addTodo={addTodo} />
      <Todos todos={todos} onDelete={onDelete} />
    </>
  }
/>;

【讨论】：

【解决方案2】：

你可以使用这样的元素

          <Route path="/" elemen={      
              <>
                <AddTodo addTodo={addTodo} />
                <Todos todos={todos} onDelete={onDelete} />
              </>
             }
          />

【讨论】：