【问题标题】: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} />
                    </>
                   }
                />
      

      【讨论】:

        猜你喜欢
        • 2023-02-13
        • 2022-12-05
        • 2018-11-11
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多