Следует ли игнорировать предупреждение React: элементы ввода не должны переключаться с неконтролируемых на контролируемые?

Код ошибки

Предупреждение: компонент изменяет неконтролируемый ввод типа time, которым нужно управлять. Элементы ввода не должны переключаться с неконтролируемого на управляемый (или наоборот). Выберите между использованием контролируемого или неконтролируемого элемента ввода на протяжении всего срока службы компонента.

Описание

Итак, у меня есть компонент, который динамически отображает несколько полей ввода на основе элементов в массиве. Мой массив содержит 7 дней, и я зацикливаю несколько полей ввода для каждого дня. Также есть действие для каждого из этих полей ввода. Нажимая кнопку, я могу выбрать, должны ли некоторые поля ввода иметь одинаковое или разное содержимое. Каждое из этих полей ввода также должно иметь уникальное состояние. Итак, я создаю пустое состояние вроде этого:

constructor(props) {
        super(props);
        this.state = {};
    }

И создайте его внутри моего цикла вот так:

() => this.setState({ ['show' + day + '_morning'] : true })
() => this.setState({ ['show' + day + '_afternoon'] : true })

Хотя я мог предопределить каждое из этих состояний как «showMonday_morning» и т. д., Я попытался избежать этого, потому что я хочу научиться создавать состояния динамически в циклах для дальнейшего использования.

Все работает отлично, но я получаю код ошибки сверху.

Вопрос

Могу ли я отнестись к этой ошибке легкомысленно или ее нужно решить? Если ее необходимо решить, как я могу динамически создавать и добавлять состояния внутри цикла и избегать этой ошибки?