当前位置: 首页 > 知识库问答 >
问题:

反应道具类型:允许一个道具使用不同类型的道具类型

司空丰
2023-03-14

我有一个组件,根据其大小接收道具。道具可以是字符串或数字,例如:“大”17

我能让做出反应吗。PropTypes知道这可以是PropTypes验证中的一个或另一个吗?

如果未指定类型,则会收到警告:

prop typesize无效;它必须是一个函数,通常来自React。道具类型。

MyComponent.propTypes = {
    size: React.PropTypes
}

共有3个答案

柯英奕
2023-03-14

这可能适合您:

height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
奚翰海
2023-03-14

出于文档目的,最好列出合法的字符串值:

size: PropTypes.oneOfType([
    PropTypes.number,
    PropTypes.oneOf([ 'SMALL', 'LARGE' ]),
]),
钱季
2023-03-14
size: PropTypes.oneOfType([
  PropTypes.string,
  PropTypes.number
]),

了解更多:使用PropType打字

 类似资料:
  • 问题内容: 我有一个组件可以接收其大小的道具。该prop可以是字符串,也可以是数字ex:或。 我可以让React.PropTypes知道在propTypes验证中这可以是另一个吗? 如果未指定类型,则会收到警告: size 问题答案: 了解更多:使用PropTypes进行类型检查

  • 我有一个React组件,它获取一个配置对象作为道具,它看起来像这样: 在某些情况下,我希望通过使用传入另一个对象来禁用组件显示的功能,如下所示: 这工作正常,不是问题。 但是,我还希望确保使用我的组件的客户端代码提供正确的配置对象: 如果active为true,则需要foo 如果active为false,则foo是可选的,不需要提供 我如何为这样的情况定义道具类型? 我试过: 但这给了我以下警告:

  • 情况: 我想做的事: 问题: 我只能指定一个propType?我如何允许两种不同的道具组合成一种? 谢谢

  • 我得到警告,因为警告:失败的道具类型:组件:道具类型是无效的;它必须是一个函数,通常来自包,但收到了 我的代码是: 我的功能运行正常,但出现此控制台错误是否有人可以帮助我解决此警告?

  • 我收到警告“警告:失败的道具类型:提供给的类型为

  • 本文向大家介绍react-native 道具类型,包括了react-native 道具类型的使用技巧和注意事项,需要的朋友参考一下 示例 该prop-types包允许您向组件添加运行时类型检查,以确保传递给组件的道具类型正确。例如,如果不将aname或isYummyprop传递给下面的组件,它将在开发模式下引发错误。在生产模式下,不进行道具类型检查。定义propTypes可以使您的组件更具可读性和