props 的校验

自 React v15.5 起，React.PropTypes 已移入另一个包中。请使用 prop-types 库代替。

使用

安装 prop-types
设置组件的 propTypes 的静态属性

import a from "prop-types";

class Hello extends React.Component {}

Hello.propTypes = {
  prop1: a.string
};

// ====
const Hello = () => {};

Hello.propTypes = {
  prop1: a.string
};

// ==== 如果开启了 public class field 语法，那么类组件可以
class Hello extends React.Component {
  static propTypes = {
    prop1: a.string
  };
}

『react』 props深入
一、props校验二、props的默认值
知识点
一、props特性传入对象形式进行props校验，required：true 必须要有值props不可以直接修改...
Vue props校验
{{message}}
解决 Vue props 校验依赖问题
实现某组件传入 prop 需要校验，该校验依赖于传入的其他 props：方案如下：
props校验传值：
react中props的校验
1.react类型效验(1)PropTypes.number(2)PropTypes.string(3)PropT...
props校验-场景和使用
目标任务: 掌握组件props的校验写法，增加组件的健壮性对于组件来说，props是由外部传入的，我们其实无法保...
PropTypes和defaultProps
react中可以引入PropTypes来对props进行类型的校验import PropTypes from "p...
组件参数校验与非props特性
组件参数校验：父组件向子组件传递的内容，那子组件有权对这个内容做一些约束，这些约束就叫参数的校验非props特性...
组件
组件定义组件的props 组件的state 有状态组件和无状态组件属性校验和默认属性组件样式