Разобрать [массив] из выборки в [массив]

Question

Хорошо, это мой console.log(data) из API.

Я собираю эти данные так:

constructor(props) {
  super(props);
  this.state = {

    data: [],
    isLoaded: false,

    displayCategory: "all",
    products: PRODUCTS,
    productCategories: PRODUCT_CATEGORIES
  };
  this.setCategory = this.setCategory.bind(this);
}



componentDidMount(){
    fetch('http://localhost:50647/fund/GetFunds?MaxPageSize=100&Offset=5&Limit=5')

    .then(response => {
      return response.json();

    }).then(data => {
      this.setState({
        isLoaded: true,
      })
      console.log(data);

    }).catch(err => {
    });
}

Теперь мне нужно преобразовать эти данные в этот тип массива для последующей сортировки и обработки.

Когда у меня есть данные в ComponentDidMount, как я могу извлечь эти данные, чтобы предоставить доступ к другим компонентам?

       const PRODUCTS = [
        {title: "Titleofitem", description: "Descriptionofitem"},
        {title: "Titleofitem", description: "Descriptionofitem"},
    ];

Answer 1

Вам нужно позвонить .map на data.items коллекции.

const products = data.map(obj => ({title: obj.title, description: obj.description}))
this.setState({isLoaded: true, products})