search

arunoda / react-komposer

Feed data into React components by composing containers.
MIT License
732 stars 70 forks source link

TypeError: Cannot read property 'map' of undefined #179

Open bryar323 opened 5 years ago

bryar323 commented 5 years ago

my issues: TypeError: Cannot read property 'map' of undefined

my code:

`import React, { Component } from "react"; import Product from "./Product"; import Title from "./Title"; import { storeProducts } from "../data"; import { ProductConsumer } from "../context"; export default class ProductList extends Component { state = { products: storeProducts };

render() { return (

<div className="row"> <ProductConsumer> {value => { return value.products.map(product => { return <Product key={product} product={product} />; }); }} </ProductConsumer> </div> </div> </div> </React.Fragment> // ); } } ` </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>