У меня есть такой json:
{
"index": 1,
"ln": "27953",
"name": "Product 1",
"availability": {
"day0726": "G",
"day0727": "G",
"day0728": "G",
}
}
И я хотел бы отображать доступность динамически в зависимости от того, какая это дата. «day0726» - это, например, 26 июля. Как я могу отобразить значение правильного дня, используя следующий фрагмент кода:
import React from "react"
import Product from "./Product"
const Productlist = ({ prodlist }) => {
return (
<div>
{
prodlist.map((item, i) => {
return (
<Product
key = {prodlist[i].index}
name = {prodlist[i].name}
ln = {prodlist[i].ln}
availability = {*this is I want to change dynamically*}
/>
)
})
}
</div>
)
}
export default Productlist
Можно ли это сделать или ход мыслей совершенно неверен?
Заранее спасибо!
Обновлено: Я могу изменить формат ключа даты на любой, если это необходимо.



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Сначала вам нужно создать дату в формате, который у вас есть, а затем вы можете использовать это в компоненте, чтобы получить продукты availability с определенным ключом:
let date = new Date();
function str_pad(n) {
return String("00" + n).slice(-2);
}
date = "day"+(str_pad(date.getMonth()+1))+str_pad(date.getDate());
console.info(date)import React from "react"
import Product from "./Product"
let date = new Date();
function str_pad(n) {
return String("00" + n).slice(-2);
}
date = "day"+(str_pad(date.getMonth()+1))+str_pad(date.getDate());
const Productlist = ({ prodlist }) => {
return (
<div>
{
prodlist.map((item, i) => {
return (
<Product
key = {prodlist[i].index}
name = {prodlist[i].name}
ln = {prodlist[i].ln}
availability = {prodlist[i].availability[date]}
/>
)
})
}
</div>
)
}
export default Productlist
date API имеет другой формат. Возможно, вам придется указать вашу доступность