添加一个类到react-day-picker？

Question

如何将类添加到react-day-picker的today按钮？

从文档中看，这似乎是可能的：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`.

Answer 1

根据API，它需要以下键(即，它需要容器、包装器、..几个月.。一个月..一天..。等键)，但是您只提供了todayButton键/值，显然您需要提供每个键/值对。

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

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

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

<DayPicker
  classNames={dayPickerClassNames}
/>

Answer 2

const defaultClassNames = DayPicker.defaultProps.classNames,
      newClassNames = { ...datePickerClassNames,
                        container: `${defaultClassNames.container} MY_CONTAINER`
                      };

...

<DayPicker classNames={dayPickerClassNames}/>

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

Answer 3

我相信它可能只是解析单词day并为解析后的day*******查找className，我想我会尝试像他们在文档中所做的那样定义key:value关系。

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

<DayPicker
  classNames={ todayButton: 'newClass' }
/>