javascript - reactjs 中字典的正确 PropTypes 是什么

标签 javascript reactjs

有类似的东西

x = {"k0": [v0, v1], "k1":[v2]}

我应该如何为 x 编写正确的 proptypes?

最佳答案

您可以使用 PropTypes.shape 指定包含 k0k1 键的对象,并使用 PropTypes.arrayOf 以确保它们是 v0v1v2 类型的数组。

一些类似的东西:

YourComponent.propTypes = {

  x: PropTypes.shape({
    k0: PropTypes.arrayOf(/* your type here, eg: PropTypes.number */),
    k1: PropTypes.arrayOf(/* other type here, eg: PropTypes.string */)
  })

}

或者,如果您事先不知道键的编号或名称,但它们都具有相同的类型,则可以使用 PropTypes.objectOf。因此,要描述一个对象,其中每个键都映射到一个字符串数组:

x: PropTypes.objectOf(PropTypes.arrayOf(PropTypes.string))

您可以阅读有关可用 PropTypes 的更多信息 here .

关于javascript - reactjs 中字典的正确 PropTypes 是什么,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51507111/

相关文章:

javascript - 如何使用 fetch API 在 javascript 中下载具有多个 block 的单个文件

javascript - 如何在新选项卡中打开jquery定义的链接

javascript - svg 文件中的 require.context 给出了不同的结果

javascript - Electron.js/包裹错误: fs.存在Sync不是函数

javascript - 无法通过 Javascript 中的对象调用静态方法

javascript - 如何将模板从 Handlebar 迁移到 React 的 JSX

javascript - 如何在 ReactJS JSX 中执行嵌套的 if else 语句?

javascript - 从回调函数内部使用 "pure"Node.js 重定向

javascript - 如何禁用表的子元素中的输入

javascript - 如何通过javascript函数获取当前web元素的clientHeight和scrollHeight?