Блог

У меня есть api, который принимает массив дней недели и выглядит как {День недели: [‘Пн’, ‘Вт’]}, а пользовательский интерфейс выглядит как ]1‘]}.

Итак, как вы можете видеть, пользовательский интерфейс выглядит так, с флажком для каждого дня. И мне нужно добиться того, чтобы, когда пользователь нажимает, скажем, в понедельник, тогда » Пн » должно быть помещено в массив вот так {День недели: [«Пн»]} и так далее. Для достижения этого у меня есть такой код:

 <div className="container">
                            {daysList.map((day, index) => (

                              <Field
                                key={index}
                                label={day.label}
                                checked={false}

                                component={renderCheckbox}
                                name="dayOfWeek"
                                reverseOrder
                                normalize={v => !! v}

                              />

                            ))}
                          </div>
 

Массив списков дней выглядит следующим образом:

 const daysList = [
      { value: 'Mon', label: 'Monday' },
      { value: 'Tue', label: 'Tuesday' },
      { value: 'Wed', label: 'Wednesday' },
      { value: 'Thur', label: 'Thursday' },
      { value: 'Fri', label: 'Friday' },
      { value: 'Sat', label: 'Saturday' },
      { value: 'Sun', label: 'Sunday' },
    ];
 

Но это работает не так, как ожидалось, поэтому нужна ваша помощь