我想要改变开放/关闭时间的状态(以及将其发布到端点),这些时间在一个对象中返回给我,如下所示:
我已经在React组件中呈现了它们:
{this.state.time.map(each => (
<Fragment key={each.code}>
<OpeningHours
code={each.code}
day={each.description}
name={each.code}
open={each.open !== null ? each.open : '00:00'}
close={each.close !== null ? each.close : '00:00'}
onChange={this.onTimeChange}
/>
</Fragment>
))}
我该如何遍历对象数组,直到找到this
这一天的开放或关闭时间的索引?到目前为止我尝试了以下方法,它可以工作,但只有在只有一个开放时间或一个字段时才能工作。由于我有两个要编辑的字段,所以问题出现了:
onTimeChange(e) {
let inputs = this.state.inputs.slice();
for(let i in inputs){
if(inputs[i].name == event.target.name){
inputs[i].value = event.target.value;
this.setState ({inputs});
break;
}
}
}