Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/410.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将映射操作作为道具传递给组件(react datepicker)? { 返回{dateErr[key]}; })} />_Javascript_Reactjs_React Props - Fatal编程技术网

Javascript 如何将映射操作作为道具传递给组件(react datepicker)? { 返回{dateErr[key]}; })} />

Javascript 如何将映射操作作为道具传递给组件(react datepicker)? { 返回{dateErr[key]}; })} />,javascript,reactjs,react-props,Javascript,Reactjs,React Props,我需要将一个映射操作作为道具传递给一个名为“react datepicker”的库,现在实现不正确,需要知道如何传递它,正如已经指出的,以及在关于子示例的文档中所述,无论是单个组件还是组件数组,都只能在开始标记和结束标记之间添加DatePicker子项。不要忘记将unique key属性添加到传递的数组中的每个子级,否则会出现错误。在您的情况下,它看起来像: <DatePicker selected={startDate}

我需要将一个映射操作作为道具传递给一个名为“react datepicker”的库,现在实现不正确,需要知道如何传递它,正如已经指出的,以及在关于子示例的文档中所述,无论是单个组件还是组件数组,都只能在开始标记和结束标记之间添加DatePicker子项。不要忘记将unique key属性添加到传递的数组中的每个子级,否则会出现错误。在您的情况下,它看起来像:

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

{Object.keys(dateErr.map)((key,index)=>{
返回{dateErr[key]};
})}

map函数返回一个数组,需要将其传递给DatePicker组件。如果是这种情况,则必须指定属性名称,以便组件可以使用该名称访问它。如果希望将数组作为子对象传递,可以在DatePicker的开始标记和结束标记之间编写它,如下所示:{array}您需要更清楚地了解您想要做什么,您想要将map函数传递给哪些道具?
<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>