React.js - Cant display array object in table

Question

I cant display array object in map function. Could someone please tell me why ? When Im trying to display this object in the console I see it correctly.

class ProductsGrid extends React.Component {
constructor(props) {
    super(props);
}
render() {
    return (<Table striped bordered condensed hover>
        <thead>
            <tr>
                <th>Id</th>
                <th>Name</th>
                <th>Description</th>
                <th>Url</th>
            </tr>
        </thead>
        <tbody>
            {this.props.products !== null ?
                JSON.parse(this.props.products).map((product, index) => {
                    <tr>
                        {console.log(product.IdProduct)}
                        <td>{product.IdProduct}</td>
                        <td>{product.Name}</td>
                        <td>{product.Description}</td>
                        <td>{product.UrlFriendlyName}</td>
                    </tr>
                }) : <tr><td></td><td></td><td></td><td></td></tr>}
        </tbody>
    </Table>);
}}

Ofcourse.. What a stupid mistake, sorry..I've spend on this like one hour. — TjDillashaw
– TjDillashaw, Commented Apr 8, 2017 at 10:55
I've made many of those mistakes in my decades of programming :-) I hope my answer helps the next person who does this. — Todd Chaffee
– Todd Chaffee, Commented Apr 8, 2017 at 11:00

Todd Chaffee · Accepted Answer · 2017-04-08 10:58:59Z

3

Your map function needs a return statement.

answered Apr 8, 2017 at 10:58

Todd Chaffee

6,82434 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React.js - Cant display array object in table

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related