Javascript 在React中动态选择json键值对
我有一个类似这样的json:Javascript 在React中动态选择json键值对,javascript,json,reactjs,Javascript,Json,Reactjs,我有一个类似这样的json: { "index": 1, "ln": "27953", "name": "Product 1", "availability": { "day0726": "G", "day0727": "G", "day0728": "G", } } 我想根据日期动态显示可用性。例如,“day0726”是7月26日。如何使用以下代码段显示正确日期的值: import React from
{
"index": 1,
"ln": "27953",
"name": "Product 1",
"availability": {
"day0726": "G",
"day0727": "G",
"day0728": "G",
}
}
我想根据日期动态显示可用性。例如,“day0726”是7月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
从“React”导入React
从“/产品”导入产品
const Productlist=({prodlist})=>{
返回(
{
prodlist.map((项目,i)=>{
返回(
)
})
}
)
}
导出默认产品列表
这是可以做到的,还是思路完全错了
提前谢谢你
编辑:如有必要,我可以将日期键格式更改为任何格式。您首先必须创建格式的日期,然后可以在组件中使用该日期以特定键获取产品的可用性:
let date=新日期();
功能str_焊盘(n){
返回字符串(“00”+n).slice(-2);
}
date=“day”+(str_pad(date.getMonth()+1))+str_pad(date.getDate());
console.log(date)
dateAPI有不同的格式。您可能需要输入您的可用性密钥