4

如何向 react-day-picker 的今天按钮添加一个类？

从文档中似乎可以实现： http ://react-day-picker.js.org/api/DayPicker#classNames

const dayPickerClassNames = { todayButton: 'newClass' };

<DayPicker
  classNames={dayPickerClassNames}
/>

但是我收到一个错误：

Warning: Failed prop type: The prop `classNames.day` is marked as required in `DayPicker`, but its value is `undefined`.
4

3 回答 3

2

根据 API，它需要以下键（即，它需要容器、包装器、.. 月.. 月.. 日.. 等键），但您只提供 todayButton 键/值，显然您需要提供每个键/值对。

您应该能够导入默认classNames对象，然后todayButton像这样更新值：

import classNames from '../classNames' // this path is probably not correct

const dayPickerClassNames = { ...classNames, todayButton: 'newClass' };

<DayPicker
  classNames={dayPickerClassNames}
/>
于 2018-01-22T10:37:46.413 回答
1 
const defaultClassNames = DayPicker.defaultProps.classNames,
      newClassNames = { ...datePickerClassNames,
                        container: `${defaultClassNames.container} MY_CONTAINER`
                      };

...

<DayPicker classNames={dayPickerClassNames}/>

我建议使用您自己的附加默认类，如上面的示例中container附加的默认MY_CONTAINER类。

于 2021-08-11T00:07:19.860 回答
0

我相信它可能只是解析这个词day并为解析的那个寻找一个类名day*******我想我会尝试定义key:value他们在文档中的关系。

// const dayPickerClassNames = { todayButton: 'newClass' };

<DayPicker
  classNames={ todayButton: 'newClass' }
/>
于 2018-01-11T15:24:04.687 回答