是否可以在PropTypes oneOf中混合使用类型和值？
PropTypes是React库中用于类型检查的工具。在React中，可以使用PropTypes来定义组件的props的类型和必要性，以便在开发过程中进行类型检查和错误提示。
在PropTypes中，可以使用oneOf来指定一个值必须是指定的几个值之一。例如，可以使用oneOf来指定一个prop的值只能是"male"或"female"。
然而，在PropTypes的oneOf中，只能使用值来进行限制，而不能混合使用类型和值。也就是说，无法在oneOf中同时指定一个prop的类型和值。
如果需要同时指定类型和值，可以使用oneOfType和oneOf来实现。oneOfType可以用于指定一个prop的类型可以是指定的几种类型之一，而oneOf可以用于指定一个prop的值必须是指定的几个值之一。
以下是一个示例：
import PropTypes from 'prop-types';
const MyComponent = ({ gender }) => {
return <div>{gender}</div>;
};
MyComponent.propTypes = {
gender: PropTypes.oneOf(['male', 'female']).isRequired,
};
export default MyComponent;在上面的示例中，使用了PropTypes的oneOf来指定gender prop的值只能是"male"或"female"。isRequired表示该prop是必需的。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发：https://cloud.tencent.com/product/mobdev
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/product/tencent-meta-universe
相关·内容
2回答
反应式输入类型中的PropType错误
javascript、node.js、reactjs、prop、react-proptypes
我正在用react.js构建一个表单，并且有一个我似乎无法解决的问题。我在表单中为我的道具使用npm模块prop-types，并试图为单个输入设置一个inputType。我一直收到以下错误：
我的代码是：
import React from 'react';
import PropTypes from 'prop-types';
const SingleInput = (props) => (
<div className="form-group">
<label className=&
浏览 2提问于2017-11-07得票数 0
回答已采纳
1回答
React :必须至少提供其中一个道具
reactjs、validation、react-proptypes
假设我的组件有两个道具。
从本质上来说，两者都不是必需的，如果你愿意的话，你可以提供两者。但是你必须至少提供两个道具中的一个。
PropTypes支持这个验证规则吗？
如果是严格的异或呢？
注意:我不是说允许两种类型之一的已知道具.这就是我所要谈论的PropTypes.oneOf(['News', 'Photos'])和PropTypes.oneOfType([...types...])的意思。
浏览 0提问于2019-02-18得票数 3
回答已采纳
3回答
条件反应PropTypes
reactjs、react-proptypes
我有一个React组件，我想强制提供两个支持中的一个--如果两者都没有提供，我希望能够触发一个PropType警告：
MyComponent.propTypes = {
firstProp: PropTypes.string.isRequired, // required only if `otherProp` not provided
otherProp: PropTypes.string.isRequired, // required only if `firstProp` not provided
}
我相信这与AirBnB的是可能的，但我想知道，这是否可以通过反应PropTyp
浏览 0提问于2018-10-22得票数 6
回答已采纳
2回答
根据旗的不同反应支柱类型不同所需的道具
reactjs、react-proptypes
我有一个将配置对象作为支柱的React组件，它看起来如下所示：
{
active: true,
foo: {
bar: 'baz'
}
}
在某些情况下，我希望通过使用active: false传入不同的对象来禁用组件显示的特性，如下所示：
{
active: false
}
这很好，不是问题所在。
但是，我也希望确保使用我的组件的客户端代码提供正确的配置对象：
如果active为true，则需要foo。
如果active为false，foo是可选的，不需要提供。
如何为这种情况定义道具类型？
我试过：
MyCo
浏览 3提问于2017-11-20得票数 2
回答已采纳
1回答
React: oneOfType使用
reactjs
我看到另一个开发人员正在像这样使用oneOfType：
size: PropTypes.oneOfType([PropTypes.object]).isRequired,
对我来说不太对。我理解oneOfType的方法是，道具应该是一组指定的类型之一，如下面的示例：
size: PropTypes.oneOfType([
PropTypes.object,
PropTypes.number
]).isRequired,
然而，
size: PropTypes.oneOfType([PropTypes.object]).isRequired,
不会抛出任何衬里错误，而且一切看起来都很好。
我能把
浏览 4提问于2022-08-09得票数 1
4回答
怎么买云服务器？
云服务器、5折上云
请描述您的问题
标题：腾讯云云产品新购特惠，五折上云！
地址：https://cloud.tencent.com/act/first_purchase?utm_source=portal&utm_medium=cdb&utm_campaign=firstpurchase&utm_term=0110
浏览器信息
Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 Safari/537.36
浏览 483提问于2018-03-12
4回答
利用腾讯云GPU构建深度学习网络？
对象存储、深度学习
如题，本人（学生）想用腾讯云构建一个实验性的深度学习网络，具体要用到腾讯云的哪些服务呢？（GPU，COS），另外还需考虑较低的成本。。。
浏览 1132提问于2017-12-13
1回答
如何在一个React应用程序中获取组件的所有实例，并使用Jest验证它的proprs？
reactjs、unit-testing、jestjs
假设我有一个名为 prop 的组件，它有一个道具。在Jest中，是否有可能在我的React应用程序中提取这个组件的所有实例，并证明它们都具有性别，要么是男性，要么是女性，或者介于两者之间？
这对我来说很有帮助，可以为我提供一层额外的保护，以防止人们试图添加一些不有效/不存在于给定道具中的东西。
下面的代码只给出一个警告：
gender: PropTypes.oneOf(['male', 'female', 'in-between'])
浏览 2提问于2020-09-30得票数 0
回答已采纳
2回答
PropTypes定位的Redux最佳实践
javascript、reactjs、redux、react-proptypes
想知道是否最好将propType定义与所有的道具逻辑或演示器一起放在容器中，而道具将在其中实际使用。我能看到双方的论据。
在容器中，您可以跟踪所有的道具逻辑，所有这些都在一个地方，而在演示中确认它们将被正确使用。
谢谢你的意见。
清晰更新
example-container.js
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import ButtonPresenter from './some/file';
const mapStateT
浏览 0提问于2017-09-25得票数 0
1回答
具有两种可能形状的React.PropType
reactjs、react-proptypes
后台：我试图为维度规范指定一个支持类型，在这里我可以指定一个显式值，或者指定一个min和max值来评估。这将由图像组件使用，该组件将评估图像是否为用户生成的输入的可接受的高度和宽度。
抽象的目标是让一个反应道具值解析成两个可能的形状之一。
每个形状都是独立工作的。
宽度的显式值将具有以下形状：
{
width: PropTypes.shape({
value: PropTypes.number.isRequired,
error: PropTypes.string
})
}
min和max值将具有以下形状：
{
width: P
浏览 2提问于2016-11-29得票数 5
回答已采纳
2回答
如何使用类型记录联合类型在反应PropTypes？
reactjs、typescript、types、create-react-app、react-proptypes
我试着做这样的事情：
interface Props extends RouteComponentProps {
country: 'ONE' | 'OTHER;
}
MyComponent.propTypes = {
country: PropTypes.oneOf(['ONE', 'OTHER']).isRequired,
};
我收到了这个错误：
Type 'Validator<string>' is not assignable to type 'Validator<"ON
浏览 1提问于2020-06-24得票数 2
1回答
Map的特殊行为
scala、map
scala> sealed trait Gender
defined trait Gender
scala> case object Male extends Gender
defined module Male
scala> case object Female extends Gender
defined module Female
scala> Map(Male -> Male, Female -> Female, Male -> Female, Female -> Male)
res2: scala.collection.immut
浏览 0提问于2011-07-20得票数 3
回答已采纳
3回答
点开磁盘管理后没有磁盘1只有磁盘0？
云服务器、官方文档
请描述您的问题
标题：快速入门 Windows 云服务器 - 云服务器 - 产品文档 - 帮助与文档 - 腾讯云
地址：https://cloud.tencent.com/document/product/213/2764
浏览 1753提问于2018-01-31
1回答
根据逻辑函数进行PropType检查
reactjs、react-proptypes
以下是警告：
Warning: Failed prop type: Invalid prop `children` supplied to Row
我已经编写了一个有行和列的网格组件。
行可以接受children，我正在尝试用PropTypes设置它。
到目前为止，我得到了：
Row.propTypes = {
size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
gap: PropTypes.number,
children: PropTypes.oneOfType([
PropTypes.ele
浏览 0提问于2018-05-14得票数 0
1回答
属性类型失败:属性值`[object Object]，[object Object]`无效，应为[null，null]之一
reactjs、react-proptypes
我是个新手。我编写了以下代码来定义组件的PropTypes： ListViewer.propTypes = {
dataRows: PropTypes.oneOf([PropTypes.object, PropTypes.array]).isRequired,
columnHeaders: PropTypes.object.isRequired,
headerColumn: PropTypes.string.isRequired,
onRowPress: PropTypes.func.isRequired,
} 我像这样调用了我的组件： const items
浏览 119提问于2021-06-16得票数 1
2回答
在自定义验证器中使用常规PropTypes检查
react-proptypes
我从一个非常简单的PropTypes验证开始： name: PropTypes.string.isRequired, 现在我只需要在某个其他条件为false的情况下才需要字符串，所以： name: ({name, otherProp}) => {
if (otherProp === 'foo') return null;
if (typeof name === 'string') return null;
return new Error('Error');
} 在这种情况下这很好，但我真正希望在第一次检查之后能够在我的自
浏览 39提问于2020-10-01得票数 1
4回答
如何使材料-UI单选按钮浮动:左
javascript、css、material-design、material-ui、styling
在上面的演示中，您可以看到工作代码，无论如何，您很难尝试将单选按钮水平对齐。
有一个简单的方法来做这个材料-用户界面吗？或者我必须自己设计自己的收音机按钮，我可以在5分钟内完成。
import React from "react";
import PropTypes from "prop-types";
import { withStyles } from "@material-ui/core/styles";
import Radio from "@material-ui/core/Radio";
import Ra
浏览 0提问于2018-05-22得票数 1
回答已采纳
3回答
首次购买的云服务器不能使用优惠券？
云服务器、5折上云
https://cloud.tencent.com/act/first_purchase就从这个网址购买云服务器不能使用100元优惠劵是吗
标题：腾讯云云产品新购特惠，五折上云！
地址：https://cloud.tencent.com/act/first_purchase
浏览器信息
Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.104 Safari/537.36 Core/1.53.4549.400 QQBrowser/9.7.12900.400
浏览 607提问于2018-02-07
3回答
React不填充丢失的对象道具
reactjs、react-proptypes
如果我有一个组件，它的propTypes如下所示
import React, { Component } from 'react'
import propTypes from 'prop-types'
class MyComponent extends Component {
///
}
MyComponent.propTypes = {
hidden: propTypes.string.isRequired,
items: propTypes.object,
attributes: propTypes.array
}
My
浏览 0提问于2019-06-26得票数 5
回答已采纳
4回答
数据比较多，有什么好点的存储方案吗？
对象存储、文件存储
贵州地区，给公司做类似企业网盘的东西，存储数据大概在6~7T左右，有没有好点的存储方案呢？我看腾讯云这边有COS、CFS等，我是从网站直接读取数据，推荐那个？有没有什么试用渠道呢？
浏览 967提问于2017-09-15
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
