@ShielD

Коллеги подскажите как сделать из этого сортировку по возрастанию и убыванию. Пы\сы: гуглил очень много



import React, { Component } from "react";
import ProductData from "../test.json";

class ProductList extends Component {
ProductsData = {ProductData}
render() {
return(
<div class="productDetails">
<div class="sortBy">
<div class="sortByIn">
Сортировать по
<div class="sort-type">
<select class="sorteBy" id="sort">
<option value="priceAsc">По возрастанию цены</option>
<option value="priceDesc" >По убыванию цены</option>
</select>

</div>
</div>
</div>
{ProductData.map((productDetails, index)=>{
return <div class="modules" value={productDetails.price.value}>
<a href={productDetails.url} target="_blank">
<img src={productDetails.image}></img>
<div class="productName">{productDetails.name}</div>
<div class="priceNew">{productDetails.price.formattedValue}</div>
</a>
</div>
})}
</div>
);
}
}

export default ProductList;

Миниатюры

 

0

@Egor.S

реакт тут не причем, юзайте array.sort

0