如何将 Json 数据发布到我的状态 ReactJs 中

Question

请帮助我，我在下面有这种格式的数据， 这种数据格式由应用程序后端的另一种数据格式执行

当是空的看起来像那样

"opening_time":{"Mon":[["0"],["0"]],
"Tue":[["0"],["0"]],
"Wed":[["0"],["0"]],
"Thu":[["0"],["0"]],
"Fri":[["0"],["0"]],
"Sat":[["0"],["0"]],
"Sun":[["0"],["0"]]}

当我从提交按钮发送数据时，我想保存如下数据：

"opening_time":{"Mon":[["1","07:00","12:00"],["1","13:00","17:00"]],
"Tue":[["1","07:00","12:00"],["1","13:00","17:00"]],
"Wed":[["1","07:00","12:00"],["1","13:00","17:00"]],
"Thu":[["1","07:00","12:00"],["1","13:00","17:00"]],
"Fri":[["1","07:00","12:00"],["1","13:00","17:00"]],
"Sat":[["1","07:00","14:00"],["0"]],
"Sun":[["0"],["0"]]}

让我解释一下

"Thu":[["1","07:00","12:00"],["1","13:00","17:00"]],

"星期四"=是一天 ["1"，"07：00"，"12：00"] =>第一班/"1"处于活动状态， "07：00"第一班开场时间， "12：00"第一班的关闭时间 我创建了一个状态，如下所示

class OpeningTime extends Component {
constructor(props) {
console.log(props)
super(props)
this.state = {
opening_time:
{"Mon":[[""],[""]],
"Tue":[[""],[""]],
"Wed":[[""],[""]],
"Thu":[[""],[""]],
"Fri":[[""],[""]],
"Sat":[[""],[""]],
"Sun":[[""],[""]]} 
}

我不知道如何访问每个opening_time项目以保存我的输入 onChange 函数中的数据，我尝试了很多尝试，但没有找到解决方案，我被阻止了，有人可以帮我吗

Answer 1

创建此函数以更新打开时间

updateOpeningTime = (field,val) => {
this.setState(prevState => {
let updatedOpeningTime = {...prevState.opening_time}

updatedOpeningTime[field] = val
return {opening_time: updatedOpeningTime}
})
}

然后像这样使用它

//                                     Set day and value dynamically
onChange={() => this.updateOpeningTime('Sat',[["1","07:00","12:00"],["1","13:00","17:00"]])}

希望这有帮助