#React 如何在React中对props进行验证？

当应用程序在开发模式下运行时，React将自动检查我们在组件上设置的所有道具，以确保它们具有正确的类型。如果类型不正确，React将在控制台中生成警告消息。由于性能影响，在生产模式下将其禁用。强制性道具用定义isRequired。

一组预定义的道具类型：

PropTypes.number PropTypes.string PropTypes.array PropTypes.object PropTypes.func PropTypes.node PropTypes.element PropTypes.bool PropTypes.symbol PropTypes.any 我们可以propTypes为User组件定义如下：

import React from 'react'
import PropTypes from 'prop-types'

class User extends React.Component {
  static propTypes = {
    name: PropTypes.string.isRequired,
    age: PropTypes.number.isRequired
  }

  render() {
    return (
      <>
        <h1>{`Welcome, ${this.props.name}`}</h1>
        <h2>{`Age, ${this.props.age}`}</h2>
      </>
    )
  }
}

注：在阵营V15.5 PropTypes从移动React.PropTypes到prop-types库中。