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

Question

我目前正在做一个项目，想要修改反应日期选择器的单个单元格。通常的修饰符对我来说是不够的，因为我想用笑脸(图片)代替天数。

Example of a modified cell with smiley

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

有没有人有解决这个问题的建议或解决方案？

我会非常感激的。:)

你诚心的，卢克

Answer 1

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

<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