Ориентация на свойства вложенного объекта внутри родительского объекта

Question

Я пытаюсь изменить состояние времени открытия / закрытия (и сообщения до конечной точки) на несколько дней, которые возвращаются мне в объекте, например, так:

Я сделал это в компоненте 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 день?До сих пор я пробовал это, и это работает, но только если было, скажем, время открытия или одно поле в целом.Проблема возникает, так как у меня есть 2 поля для редактирования:

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;
      }
  }
}

Answer 1

 const newInputs = inputs.map(p =>

      p.name === <unique_name/code>
        ? { ...p, [e.target.name]: e.target.value }
        : p
    );
    this.setState({inputs:newInputs,});

Измените метод onTimeChange (), чтобы получить уникальное имя: onTimeChange(e, code)

Простой пример: https://codesandbox.io/s/v1y14rl2oy

Поскольку индекс уникален, вы можете сделать

inputs[index] = { ...inputs[index], [e.target.name]: e.target.value } тоже без использования map() как в песочнице.