React.js - 无法在表中显示数组对象

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>);
}}

Answer 1

您的map函数需要return语句。