diff --git a/zh-cn/prop-types.md b/zh-cn/prop-types.md new file mode 100644 index 0000000000000000000000000000000000000000..073d2787ec732f3eee487ef887344859152c4fc3 --- /dev/null +++ b/zh-cn/prop-types.md @@ -0,0 +1,87 @@ +> 模板版本:v0.1.2 + +

+

prop-types

+

+

+ + License + +

+ +> [!tip] [Github 地址](https://github.com/facebook/prop-types/tree/v15.8.1) + +## 安装与使用 + +#### **yarn** + +```bash +yarn add prop-types +``` + +#### **npm** +```bash +npm install prop-types +``` + + +下面的代码展示了这个库的基本使用场景: + +```js +import React from 'react'; +import PropTypes from 'prop-types'; + +class MyComponent extends React.Component { + render() { + // ... do things with the props + } +} + +MyComponent.propTypes = { + optionalArray: PropTypes.array, + optionalBigInt: PropTypes.bigint, + optionalBool: PropTypes.bool, + optionalFunc: PropTypes.func, +} + +optionalEnum: PropTypes.oneOf(['News', 'Photos']), +``` +### 兼容性 + +在下述版本验证通过: + 1. IDE:Deveco Studio 4.1.3.412; + SDK: OpenHarmony (Api11) 4.1.0.53; + 测试设备: Mate40 Pro (NOH-AN00); + Rom: 2.0.0.52 (SP22C00E52R1P17log); + RNOH: 0.72.11。 + +#### 属性 + +| 名称 | 说明 | 类型 | 是否必填 | 鸿蒙支持 | +| ---- | ---- | ---- | -------- | -------- | +| any | 约束属性为任意类型 | Attribute | NO | yes | +| array | 约束属性为数组类型 | Attribute | NO | yes | +| bool | 约束属性为布尔值类型 | Attribute | NO | yes | +| func | 约束属性为函数类型 | Attribute | NO | yes | +| number | 约束属性为数字类型 | Attribute | NO | yes | +| object | 约束属性为对象类型 | Attribute | NO | yes | +| string | 约束属性为字符串类型 | Attribute | NO | yes | +| symbol | 约束属性为symbol类型 | Attribute | NO | yes | +| element | 约束属性为react元素 | Attribute | NO | yes | +| node | 约束属性为可以渲染的任何内容数字 字符串 元素 或 数组 | Attribute | NO | yes | +| elementType | 约束属性为react类型 | Attribute | NO | yes | +| instanceOf | 约束属性为某个对象的实例 | function | NO | yes | +| oneOf | 约束属性为给定值中的任意一个 | function | NO | yes | +| oneOfType | 约束属性为给定类型中的任意一个 | function | NO | yes | +| arrayOf | 约束属性为指定类型的数组 | function | NO | yes | +| objectOf | 约束属性为具有指定类型属性值的对象 | function | NO | yes | +| shape | 约束属性为指定构成方式的对象 | function | NO | yes | +| exact | 约束属性包含指定属性 | function | NO | yes | + +## 遗留问题 + +## 其他 + +## 开源协议 + +本项目基于 [The MIT License (MIT)](https://github.com/facebook/prop-types/blob/v15.8.1/LICENSE) ,请自由地享受和参与开源。 \ No newline at end of file