Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/367.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在React中动态选择json键值对_Javascript_Json_Reactjs - Fatal编程技术网

Javascript 在React中动态选择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

我有一个类似这样的json:

{
    "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有不同的格式。您可能需要输入您的可用性密钥