如何隐藏react-datepicker头部？hideHeader配置失效问题求助

hideHeader这个属性在react-datepicker的后续版本里已经被移除了，这也是当前官方文档没把它列进去的原因，所以你不管写hideHeader还是hideHeader={true}都不会生效。

给你两个可行的替代方案：

• 用CSS直接隐藏头部：
  给日期选择器的头部元素加隐藏样式就行，如果要只针对特定组件生效，可以给组件加自定义类名：

  <DatePicker 
    className="no-header-datepicker"
    showMonthDropdown={true}
    showYearDropdown={true}
  />
  

  对应的CSS：

  .no-header-datepicker .react-datepicker__header {
    display: none;
  }
  

• 通过自定义头部渲染隐藏：
  利用组件提供的renderCustomHeader属性，直接返回null来替代默认头部：

  <DatePicker 
    showMonthDropdown={true}
    showYearDropdown={true}
    renderCustomHeader={() => null}
  />
  

内容的提问来源于stack exchange，提问作者user1255276