对前几天的Big Calendar样式做出反应到当前日期

时间:2019-03-22 11:22:24

标签: javascript reactjs react-big-calendar

我想根据当前日期设置前几天的背景样式。

我正在尝试遵循此example here,但出现错误:

  

不变违规:React.Children。仅预期接收单个React元素子级。

这很疯狂,因为它在示例中有效。另外,文档中没有关于class Grade: minimum_passing = 65 def add_grade(self, grade): if type(grade) == type(Grade): self.grades.append(grade) 的信息,这没有太大帮助。

代码如下:

dateCellWrapper

谢谢! :)

1 个答案:

答案 0 :(得分:1)

代码的第一行出现问题:

const ColoredDateCellWrapper = (children: any, value: any) =>

应该是:

const ColoredDateCellWrapper = ({ children: any, value: any }) =>

简而言之,您正在向ColoredDateCellWrapper传递两个参数,但是它只期望1。在解构之后,您应该获得两个道具。

根据OP的要求进行更新:

如果您不想使用解构,则可以这样做:

const ColoredDateCellWrapper = (props: any) =>
React.cloneElement(Children.only(props.children), {
    style: {
        ...props.children.style,
        backgroundColor: props.value < this.state.currentDay ? 'lightgreen' : 'lightblue',
    },
});