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

问题描述

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

我需要将地图操作作为道具传递给名为“ react-datepicker”的库，现在实现不正确，需要知道如何传递它

解决方法

正如@Muhammad B. Aydemir所指出的那样，并且如react-datepicker文档中有关子代示例所指出的那样，无论是单个组件还是单个组件，您都只能在开始和结束标记之间添加DatePicker子代。一组组件。不要忘记将唯一键属性添加到传递的数组中的每个子级中，否则您将得到错误。在您的情况下，它将类似于：

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