使用 PropTypes 进行组件参数验证

缘由

大型应用程序的构建更适合用强类型的语言来构建,它有更多的规则,可以帮助我们在编写代码阶段、编译阶段规避掉很多问题,让我们的应用程序更加的安全。

使用方法

import React, { Component } from 'react'
import PropTypes from 'prop-types'

class Comment extends Component {
  static propTypes = {
    comment: PropTypes.object
  }

  render () {
    const { comment } = this.props
    return (
      
{comment.username}

{comment.content}

) } }

组件参数验证在构建大型的组件库的时候相当有用,可以帮助我们迅速定位这种类型错误,让我们组件开发更加规范。

更多使用案例:typechecking-with-proptypes

你可能感兴趣的:(使用 PropTypes 进行组件参数验证)