loop through api response in react

renderData() {
    if (!this.state.trails) {
        return null;
    } 
    return this.state.trails.map(trail => <p>{trail.name}</p>);
}render() {
    return (
        <div>{this.renderData()}</div>
    )
}