reactjs - 是否可以使用图像修改 react-day-picker 的单元格？

Question

我目前正在做一个项目，并想修改 react-day-picker 的各个单元格。通常的修饰符对我来说是不够的，因为我想用笑脸代替天数（图片）。

带笑脸的修改单元格示例

我要更改的特定日期并用我仅在加载组件时才知道的图像替换。因此，该变体应该与通常的单元格修改相同。我得到数据并知道哪个笑脸适合哪个标签并相应地更改单元格。

有没有人有这个问题的提示或解决方案？

我会很感激。:)

此致，卢克

Answer 1

创建一个函数，该函数返回每天的内容并将其传递给 renderDay 道具。

<DayPicker
  initialMonth={new Date()}
  renderDay={this.renderDay}
  showOutsideDays
/>

renderDay(day) {
  return(
    <div>
        { day.getDate() == 15
          ? <img src=""></img>
          : <span>{day.getDate()}</span>
        }
    </div>
  );
}

参考这个 - https://react-day-picker.js.org