工具以及库推荐

工具以及库推荐

nanoid

• 生成唯一 id  标识
• npm i nanoid
• 引入  import {nanoid} from ‘nanoid’
  • 使用   nanoid()

prop-types

• 对 prop 进行限制
• 很多平台都支持：vue\小程序…
• import PropTypes from ‘prop-types’
• npm i prop-types

querystring

** ****react 脚手架自带的库**

• **json 对象转****urlencoded, urlencode 转 json 对象  **
  • urlencoded

组成格式：

- **键值对**组成
- 键和值之间用 **= **：name=poloyy
    * 多个键值对之间用 **& **：name=poloyy&age=19

• 获取到的路由的参数 search 是 urlencoded 编码字符串，需要借助 querystring 解析
• 使用 querystring,。
  • import qs from ‘querystring’
  • ：普通 json 对象转换成 urlencoded
    • qs.stringify(obj)
  • : urlencoded  转成 json 对象
    • qs.parse(str.slice(1))  –去除问号