Estoy aprendiendo de udemy pero ese curso es de v5. No sé qué es equivalente a renderizar y cómo enviar accesorios con él. Además, en la parte inferior del código, si el elemento no está definido, debería ir a "NotFound", pero tampoco funciona.
<Routes> <Route exact path="/home" render={(props) => ( <ProductList {...props} products={this.state.products} currentCategory={this.state.currentCategory} info={productInfo} addToCart={this.addToCart} /> )} ></Route> <Route exact path="/cart" element={<CartList />} /> <Route element={<NotFound />} /> </Routes><Routes> <Route exact path="/" element={<ProductList {...this.props} products={this.state.products} currentCategory={this.state.currentCategory} info={productInfo} addToCart={this.addToCart} />}></Route> <Route exact path="/cart" element={<CartList />} /> <Route path="*"element={<NotFound />} /> </Routes>Lo resolví.
En la versión 6, puede pasar accesorios directamente al elemento. Ya no es necesario usar renderizar
<Route exact path="/cart" element={<CartList {...props} />} />