[React] Update values in nested object in array in state

[React] Update values in nested object in array in state

state = {
    vehicles: [{
        year: "",
        make: "",
        model: "",
        color: "",
        licensePlate: "",
        state: "",
      }],
}

handleVehiclesChange = (e) => {
    e.persist()   // To fix Synthetic Events error
    this.setState(prevState => {
      const vehicles = prevState.vehicles.map(vehicle => {
        return {
          ...vehicle,
          [e.target.id]: e.target.value
        }
      })
      return { vehicles }
    })
  }