propType [name]不是必需的，但是没有相应的defaultProps声明ReactJS

如何解决propType [name]不是必需的，但是没有相应的defaultProps声明ReactJS

      import styled from 'styled-components'
      import propTypes from 'prop-types'
      import React from 'react'
  const CheckBox = ({ className,checked,...props }) => (
  <CheckBoxContainer className={className}>
    <HiddenCheckBox checked={checked} {...props} />
    <StyledCheckBox checked={checked}>
      <Icon viewBox="0 0 24 24">
        <polyline points="20 6 9 17 4 12" />
      </Icon>
    </StyledCheckBox>
  </CheckBoxContainer>
)

CheckBox.propTypes = {
  checked: propTypes.boolean,className: propTypes.string,}

我有这个组件，并且总是出现此错误：错误propType“ className”不是必需的，但是没有相应的defaultProps声明react / require-default-props

我不知道如何解决任何建议吗？

解决方法

文档中对此进行了解释：https://reactjs.org/docs/typechecking-with-proptypes.html#default-prop-values

当您将该道具标记为不需要时，要求您输入默认值以防道具丢失。

所以，类似这样（但默认值取决于您）：

Checkbox.defaultProps = {
  checked: false,className: null,}