React 插件使用

1️⃣ props - 类型限制

yarn add prop-types -D
引入：import PropTypes from ‘prop-types’
基本使用

yourComponent.propTypes = {
    属性1：属性1的变量类型，
    属性2：属性2的变量类型
}
yourComponent.propTypes = {
     optionalArray: PropTypes.array, // 检测数组类型
     optionalBool: PropTypes.bool, // 检测布尔类型
     optionalFunc: PropTypes.func, // 检测函数（Function类型）
     optionalNumber: PropTypes.number, // 检测数字
     optionalObject: PropTypes.object, // 检测对象
     optionalString: PropTypes.string, // 检测字符串
     optionalSymbol: PropTypes.symbol, // ES6新增的symbol类型
}
yourComponent.propTypes = {
     optionalArray: PropTypes.array.isRequired // 检测数组类型且为必要值
}

1️⃣ 唯一ID

yarn add nanoid -D
引入：import { nanoid } from ‘nanoid’
基本使用

const C-nanoid = { id: nanoid(),......}

1️⃣ 模拟服务器测试

yarn add serve -g
指定某个文件夹
serve -s build： -s 可以省略 指定 build 文件夹作为根目录执行

const {injectBabelPlugin, getLoader} = require('react-app-rewired'); const fileLoaderMatcher = function (rule) { return rule.loader && rule.loader.indexOf(`file-loader`) != -1;