如何将 map 操作作为道具传递给组件（反应日期选择器）？

Question

          <DatePicker
            selected={startDate}
            onChange={handleStartDate}
            locale="uk"
            dateFormat="dd.MM.yyyy"
            placeholderText="Дата початку"
            filterDate={isWeekday}
            minDate={moment().toDate()}
            showMonthPicker
          {Object.keys(dateErr).map((key) => {
            return <div className={css.error}>{dateErr[key]}</div>;
          })}
          />

I need to pass a map operation to a library called "react-datepicker" as a prop, right now the implementation isn't right, need to know how can I pass it

Answer 1

As @Muhammad B. Aydemir already pointed out and as it is stated in the react-datepicker documentation on the children example, you can only add DatePicker children in between the opening and closing tag whether it is a single component or an array of components. Do not forget to add the unique key attribute to each of the children in the passed array or you will get errors. In your case it would look something like:

<DatePicker
  selected={startDate}
  onChange={handleStartDate}
  locale="uk"
  dateFormat="dd.MM.yyyy"
  placeholderText="Дата початку"
  filterDate={isWeekday}
  minDate={moment().toDate()}
  showMonthPicker
/>
  {Object.keys(dateErr).map((key, index) => {
    return <div key={index} className={css.error}>{dateErr[key]}</div>;
  })}
</DatePicker>