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