在 React-Calendar 中点击日期添加背景颜色

Question

我正在使用 react-calender 制作日历。我能够很好地使用，但是为了在任何一天添加一些事件，我需要在日历的每个点击日都有点击事件。我看到 'react-calender' 教程。他们已经有了 Day-Click 的内置事件处理程序。但是我无法获取当前元素引用，因此我无法通过 DOM 操作更改它们的某些属性。请帮助。

https://prnt.sc/rlvec9（日历屏幕）

日历组件代码

class App extends React.Component {
  constructor(props)
  {
    super(props)
    this.state={
      date:new Date(),
      dayColor:'#fff'

    }
  }
  onChange = date => this.setState({ date })
  render()
  {

  return (
    <div className="App">
       <Calendar
          onChange={this.onChange}
          onClickDay={console.log(this)}
          value={this.state.date}
        />
    </div>
  );
  }
}

Answer 1

试试这个：

onClickDay={(day) => console.log(day) }

在 React-Calendar 中点击日期添加背景颜色

Add background color on the clicked day in React-Calender

reactjs

react-dom

react-datepicker