Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/backbone.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript React PropTypes-仅允许一个对象值?_Javascript_Reactjs_React Proptypes - Fatal编程技术网

Javascript React PropTypes-仅允许一个对象值?

Javascript React PropTypes-仅允许一个对象值?,javascript,reactjs,react-proptypes,Javascript,Reactjs,React Proptypes,考虑使用键和值映射对象,如下所示: export const PlaceholderVisibility = { Always: undefined, Never: null, OnFocus: true, OnBlur: false } 如何使用PropTypes仅允许在现有对象中指定值 以下是我尝试过的: import PropTypes from 'prop-types'; export const myTypes = { // ... visibility: P

考虑使用键和值映射对象,如下所示:

export const PlaceholderVisibility = {
  Always: undefined,
  Never: null,
  OnFocus: true,
  OnBlur: false
}
如何使用
PropTypes
仅允许在现有对象中指定值

以下是我尝试过的:

import PropTypes from 'prop-types';
export const myTypes = {
  // ...
  visibility: PropTypes.oneOf(PlaceholderVisibility)
}

但我目前使用的是
PropTypes.bool
,因为它似乎适用于这种情况,但如果其中一个值的类型为string,它仍然不起作用。

若要在
React PropTypes
中只允许一个
对象
值,可以将
PropTypes.oneOf
对象.values()
像这样:

import PropTypes from 'prop-types';

export const PlaceholderVisibility = {
  Always: 'always',
  Never: 'never',
  OnFocus: 'on-focus',
  OnBlur: 'on-blur'
}

export const myTypes = {
  // ...
  visibility: PropTypes.oneOf(Object.values(PlaceholderVisibility))
}
注意,上面的陈述正好等于:

export const myTypes = {
  // ...
  visibility: PropTypes.oneOf([
   'always',
   'never',
   'on-focus',
   'on-blur'
  ])
}

因此,最好在对象中设置
,以避免误用。例如,如果有人直接传递值,比如
“始终”
string-react不会抱怨。

只需将对象中的值(或键)提取到array@xadm,是否希望
PropTypes.one([…占位符可见性])
为我这样做?(我的意思是,特别是对于具有更多键和值的对象,手动执行会很麻烦)而不是像
Array.from()
object.values
(或键)。。。看见