Данный пример моего кода работает, но мне нужно получить не конкретный элемент массива, а все его элементы.
Прилагаю структуру массива:
Судя по всему необходимо использовать forEach
внутри функции map
, но у меня почему то так не работает:
import React, { Component } from "react";
/* import { Link } from 'react-router'; */
import Strapi from "strapi-sdk-javascript/build/main";
const strapi = new Strapi("http://localhost:1337");
//const BLOG_URL = 'http://localhost:1337';
class Faq extends Component {
constructor(props) {
super(props);
this.state = {
posts: []
};
}
async componentDidMount() {
try {
const posts = await strapi.getEntries("categories?id=7");
this.setState({ posts });
} catch (err) {
alert(err);
}
}
render() {
const productItem = this.state.posts.map((item, index) => {
return (
<section className="b-productsContainer">
<span className="b-productItem" key={index}>
{/* <img className="news-preview-img" src={BLOG_URL + item.products[0].img.url} alt="" /> */}
<p>{item.products[0].author}</p>
<h4>{item.products[0].title}</h4>
</span>
</section>
);
});
return <>{productItem}</>;
}
}
export default Faq;
Помогите пожалуйста отрендерить все элементы массива products
{ item.products.map(product => <><p>{product.author}</p><h4>{product.title}</h4></>) }