react-proptypes相关内容
我正在为我的 React 代码编写 Jest 测试,并希望使用/测试 PropType 检查.我对 Javascript 世界很陌生.我正在使用 npm 安装 react-0.11.2 并有一个简单的: var React = require('react/addons'); 在我的测试中.我的测试看起来与 jest/react 教程示例非常相似,代码如下: var eventCell =
..
我正在使用 redux,但是当我运行我的代码时出现此错误: 不推荐通过主 React 包访问 PropTypes.使用取而代之的是来自 npm 的 prop-types 包. 我安装 npm i prop-types -S 但我仍然有同样的错误. ./components/action/article.js import * as ArticleActionType
..
是否有使用 proptypes 的内置方法来确保传递给组件的对象数组实际上是特定形状的对象数组? 也许是这样? annotationRanges: PropTypes.array(PropTypes.shape({开始:PropTypes.number.isRequired,结束:PropTypes.number.isRequired,})), 我在这里遗漏了一些非常明显的东西吗?看来这
..
我正在尝试在我的 react-redux 应用程序中使用 proptypes,但它不起作用,或者我做错了什么.这是代码示例的结尾: LoginPage.propTypes = {login_form: PropTypes.string};函数 mapStateToProps(state) {返回 { loginPage: state.loginPage }}导出默认连接(mapStateToPr
..
一周以来我一直在参考一个包含 8 个部分的教程,代码库依赖于第 1 部分.在后面的部分中,我根据教程创建了一个 ColorForm.js 文件,其中包含以下代码.当我定义了 ColorForm.PropTypes 如 ColorForm.propTypes = {onNewColor: React.PropTypes.func.isRequired} 应用抛出错误,undefined 不是对象
..
我有一个组件,它带有一个包含子组件的语法的属性.我想确保 propTypes 正确验证它的类型.我可以从 React Native 代码中得知它有一个 ViewStylePropTypes 提供此功能的模块,但是我似乎无法找到它在哪里/是否公开. 我想知道的是,在不重新发明轮子的情况下验证这一点的正确方法是什么? 解决方案 要强制 PropTypes 的样式限制,只需使用以下内容,具
..
我有一个结构简单的组件和一个 树内某处,我想为其传递样式.除了 proptypes 验证之外,它完美无缺. 基本设置还不止这些 export default class Component extends PureComponent {使成为() {return (Some text
..
我正在查看 redux todomvc 代码.static propTypes 中的 static 关键字是什么?谢谢 更新 不知道为什么投反对票?这个帖子是不是太简单了?欢迎提出意见.谢谢.我希望我可以删除这篇文章. 解决方案 static 不是上一代 Javascript(“ES5")的一部分,这就是为什么你不会在较旧的文档.但是,除了 Internet Explorer
..
我有一个组件,我希望接受另一个组件作为道具,并渲染它.我希望传递的组件是可选的,并且在这种情况下不渲染任何内容. 以下代码完美运行: const Component = ({ Inner }) =>(
);Component.propTypes = {内部:PropTypes.element};Compon
..
在一些例子中,我看到过这样的事情: Footer.propTypes = {CompletedCount: PropTypes.number.isRequired,activeCount: PropTypes.number.isRequired,过滤器:PropTypes.string.isRequired,onClearCompleted: PropTypes.func.isRequired,
..
PropTypes.objectOf 和 PropTypes.shape 有什么区别?在 PropTypes 中: //具有某种类型属性值的对象optionalObjectOf: PropTypes.objectOf(PropTypes.number) 对比 //具有特定形状的对象optionalObjectWithShape: PropTypes.shape({颜色:PropTypes.s
..
我有一个组件,它根据其大小接收一个道具.道具可以是字符串或数字,例如:"LARGE" 或 17. 我可以让 React.PropTypes 知道在 propTypes 验证中这可以是一个或另一个吗? 如果我不指定类型,我会收到警告: prop type size 无效;它必须是一个函数,通常来自React.PropTypes. MyComponent.propTypes = {
..
在 TypeScript React 应用程序中使用 React.PropTypes 是否有意义,或者这只是“腰带和吊带"的一种情况? 因为组件类是用Props 类型参数声明的: 接口道具{//...}导出类 MyComponent 扩展了 React.Component{ ... } 添加有什么真正的好处 static propTypes {myProp:React.PropType
..
我通过运行 npm i prop-types --save 安装了 prop-types 包,我的依赖项是: "依赖项": {“道具类型":“^15.7.2",“反应":“^ 16.8.6","react-dom": "^16.8.6",“反应脚本":“3.0.1"}, 我的代码: 从'react'导入React;从 'prop-types' 导入 PropTypes;功能问题(道具){返
..
在不使用类的情况下,如何在React的功能性无状态组件中使用PropTypes? export const Header =(props)=>(
hi) 解决方案 prop-types 包(如果您还没有的话). 然后,在定义无状态功能组件之后,在导出之前,添加您的 propTypes (如果需要,还添加 defaultProps ). import从"r
..
如何为PropTypes.shape单元测试React组件的propTypes验证? 我的组件propTypes验证: MyComponent.propTypes = { propA: PropTypes.string.isRequired, propB: PropTypes.shape({ inner1: PropTypes.bool.isRequired,
..
PropTypes和Flow涵盖了类似的内容,但是使用的是不同的方法. PropTypes可以在运行时向您发出警告,这有助于快速找到来自服务器等的格式错误的响应.但是,Flow似乎是未来,并且泛型等概念是一种非常灵活的解决方案.另外,Nuclide提供的自动补全功能对Flow来说是一个很大的优势. 我现在的问题是,在开始新项目时哪种方法最好.还是同时使用Flow和PropTypes是一个好的
..
我正在开发React Native中的一些可重用组件。我为组件定义了一些 PropTypes ,但是当我将组件发布到我的私有 npm存储库时,Props Intellisense无法正常工作。 作为一个示例,如果我定义了 title propType ,则如果我开始输入 t ...,则将该组件添加到另一个组件中不会向我建议 title 。 如何解决此问题? 解决方案 您可以使用
..
我将airbnb配置用于eslint,并向我发出此警告: [eslint] 'isLoading' is missing in props validation (react/prop-types) 是否可以为isLoading设置PropTypes? const withLoading = Component => ({ isLoading, ...rest }) => (
..
我在响应本机代码时遇到PropTypes问题: import React, { Component, PropTypes } from 'react'; import { Text } from 'react-native'; export default class Star extends Component { render() { return (
..