Routes Route and render={(props) => ()} using
I started an old course and the video shows that it has a rendering feature like this. I researched it and I think it is used with the Switch structure. Am I doing something wrong or what is the correct one?
exact
path="/"
render={(props) => (
<ProductList
products={this.state.products}
addToCart={this.addToCart}
currentCategory={this.state.currentCategory}
info={productInfo}
/>
)}
/> */}
<Route element={<NotFound />} />
</Routes>
<ProductList
products={this.state.products}
addToCart={this.addToCart}
currentCategory={this.state.currentCategory}
info={productInfo}
/>``
When I use it this way, it brings the data to the home page without any problems, but when I type it in the comment line, the data does not come. The place where the data should come is empty
<Routes>
exact
path="/"
render={(props) => (
<ProductList
products={this.state.products}
addToCart={this.addToCart}
currentCategory={this.state.currentCategory}
info={productInfo}
/>
)}
/> */}
<Route element={<NotFound />} />
</Routes>
<ProductList
products={this.state.products}
addToCart={this.addToCart}
currentCategory={this.state.currentCategory}
info={productInfo}
/>``
When I use it this way, it brings the data to the home page without any problems, but when I type it in the comment line, the data does not come. The place where the data should come is empty
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
