reactjs - React prop type validation compiles the code without validation unlike React.PropType, is it a normal behaviour?

Question

I am using react 17.0.1

Here when I am using the package prop-types the validation does not work, however it works well with React.PropTypes

function Tweet({ tweet }) {
  return (
    <div className="tweet">
        <LikeButton count={tweet.likes} />
    </div>
  )
}


let testTweet = {
  message: "Some message for my first tweet",
  author: {
    handle: "@myname"
  },
  likes: "3s",
}

ReactDOM.render(
  <React.StrictMode>
    <Tweet tweet={testTweet} />
  </React.StrictMode>,
  document.getElementById('root')
);

This fails:

npm i prop-types

import PropTypes from 'prop-types'
function LikeButton({count}){
  return (
    <span className="likebutton">
      <i className="fa fa-heart like-button"></i>
      {count > 0 && <span className="like-count" > {count} </span>}
    </span>
  )
} 
LikeButton.propTypes  = {
  count : PropTypes.number
}

This works:

   function LikeButton({count}){
      return (
        <span className="likebutton">
          <i className="fa fa-heart like-button"></i>
          {count > 0 && <span className="like-count" > {count} </span>}
        </span>
      )
    } 
    LikeButton.propTypes  = {
      count : React.PropTypes.number
    }

Can we make it work like React.PropTypes ?

Edit: PropTypes are great debugging tool but a failed validation won't stop code from running.

Answer 1

等待大神答复