Реактивно-каплей-каплей с выбором сбора очень медленно с. MAP после ⇐ Javascript

[Anonymous]

У меня есть два раздела: первый позволяет вам выбрать продукт, а второй отображает все обработки, используя эти продукты. /> treatments.map()
При нажатии на SelectList он открывается, чтобы показать список, но ужасно медленные (около 10 кадров за секунду). Если я удалю раздел 2, он работает просто отлично. Если я перемещаю раздел 2, чтобы быть над разделом 1, он работает просто отлично. < /P>
Есть идеи, как это исправить? Это кажется проблемой анимации? Минимальный код ниже. Это все еще вызывает ошибку < /p>
const testProducts = [
{
_id: "1",
name: "Product 1",
price: 100,
},
{
_id: "2",
name: "Product 2",
price: 200,
},
{
_id: "3",
name: "Product 3",
price: 300,
},
]

const testTreatments = [
{
_id: "1",
product: {
_id: "1",
name: "Product 1",
price: 100,
},
date: "2023-01-01",
dosage: 1,
},
{
_id: "2",
product: {
_id: "2",
name: "Product 2",
price: 200,
},
date: "2023-01-02",
dosage: 2,
},
{
_id: "3",
product: {
_id: "3",
name: "Product 3",
price: 300,
},
date: "2023-01-03",
dosage: 3,
},
]
< /code>

{
return product.name;
})}
setSelected={()=>{}}
placeholder={"select product"}
/>


{testTreatments
.sort((a, b) => {
return a.date > b.date ? 1 : -1;
})
.map((treatment, index) => {
return (


{treatment.product.name}

{moment(treatment.date).format("MM/DD/YYYY")}
{treatment.product.price * treatment.dosage}

);
})}



Подробнее здесь: https://stackoverflow.com/questions/797 ... -map-after