React : Foreach (using .map)

render() {
        const {posts} = this.state;
        return(
            <div>
                <ol className="item">
                {
                    posts.map(post => (
                        <li key={post.id} align="start">
                            <div>
                                <p className="title">{post.title}</p>
                                <p className="body">{post.body}</p>
                            </div>
                        </li>
                    ))
                }
                </ol>
            </div>
        );