jjzjj

PropTypes

全部标签

javascript - 高阶组件上的 PropTypes

有没有办法让高阶组件内部组件的PropTypes指向它们的创建位置?这是一个小样本,但如果整个应用程序在单独的文件中有多个EnhancedButtons,这将很难调试。由于高阶组件是为可重用性而设计的,因此我们可能永远不知道缺少handleClick方法的组件的位置。_EnhancedButton的render方法是我们想要增强的任何Component的变量。有什么方法可以使PropTypes在创建时更加明显,例如插入的FinalButton并且是_EnhancedButton的实例并且缺少ProphandleClick?https://jsfiddle.net/kriscoulson

javascript - 在 react-js 中使用 immutable-js 时使用 PropTypes

我在React中使用immutable-js和react-immutable-proptypes。//CommentBox.jsxgetInitialState(){return{comments:Immutable.List.of({author:'PeteHunt',text:'Heythere!'},{author:'JustinGordon',text:'Alohafrom@railsonmaui'})};},render(){console.log(this.state.comments.constructor);return(Comments);}//CommentList

javascript - Uncaught Invariant Violation : Too many re-renders. React 限制渲染次数以防止无限循环

我正在尝试添加一个snackBar,以便在用户登录或未登录时显示一条消息。SnackBar.jsx:importReactfrom"react";importPropTypesfrom"prop-types";importclassNamesfrom"classnames";importCheckCircleIconfrom"@material-ui/icons/CheckCircle";importErrorIconfrom"@material-ui/icons/Error";importCloseIconfrom"@material-ui/icons/Close";importgr

javascript - 即使状态已更改,成功调度也不会导致重新渲染

尽管我的状态更新成功(通过console.log和reduxdevtools检查)我无法让我的View重新呈现您可以在https://github.com/attendanceproject/djattendance/tree/attendance-redux/ap/static/react-gulp/app查看代码大部分代码都在脚本文件夹中,下面是与我的问题有关的最重要的部分。每次在WeekBar组件中按下上一个或下一个按钮时,我都会尝试重新呈现,以便其中的日期相应更新。容器代码classAttendanceextendsComponent{render(){const{dispat

javascript - 当组件在 native react 中重新呈现时,动态不透明度不会改变

我开始学习ReactNative,并为我的项目创建了一个简单的Button组件以在我的项目中重复使用。我根据变量“禁用”动态设置不透明度值,但是,按钮的外观不会随着不透明度变量的值而改变。我四处搜索,但没有找到解释..任何帮助将不胜感激。这是我的源代码:importReactfrom'react'import{View,Text,TouchableOpacity,StyleSheet}from'react-native'importPropTypesfrom'prop-types'//TODO:arrumaroproblemacomaopacidadeexportdefaultfunc

javascript - 如果组件 Prop 类型无效,如何防止构建应用程序?

这里是PropTypes的例子:importPropTypesfrom'prop-types';classGreetingextendsReact.Component{render(){return(Hello,{this.props.name});}}Greeting.propTypes={name:PropTypes.string};现在我使用Greeting组件作为:在这种情况下,当我构建用于部署的应用程序时,不会抛出任何错误并且应用程序已成功构建。但它会在运行时出错并崩溃。我如何添加检查以消除此问题并确保没有使用错误的prop类型构建组件。 最佳答案

javascript - React.PropTypes.node 的 Flow 等价物是什么?

React.PropTypes.node的Flow等价物是什么(即React可以渲染的任何东西,如果有的话?我必须自己创建它作为联合类型吗?换句话说,这里用什么替换????typeProps={children:???,}constUselessComponent:(props:Props)=>React$Element=({children})=>({children})UselessComponent.propTypes={children:React.PropTypes.node.isRequired,} 最佳答案 看来还是个

javascript - `PropTypes.node` 和 `PropTypes.any` 在 react 中有什么区别?

//Anythingthatcanberendered:numbers,strings,elementsoranarray//(orfragment)containingthesetypes.optionalNode:PropTypes.node,//AvalueofanydatatyperequiredAny:PropTypes.any.isRequired,与PropTypes.node相比,PropTypes.any包含哪些类型? 最佳答案 PropTypes是一种验证通过我们的Prop传入的值的方法。节点我们可以使用Reac

javascript - ReactJS:如何更模块化地使用对象的 Prop 类型和形状?

我喜欢明确指定每个类的所有Prop类型。React.createClass({propTypes:{optionalArray:React.PropTypes.array,optionalBool:React.PropTypes.bool,...这是来自阅读可重用组件:https://facebook.github.io/react/docs/reusable-components.html但是,如果我有一个在许多类中使用的非常常见的对象怎么办?例如:varMemoryForm=React.createClass({propTypes:{memory:React.PropTypes.s

javascript - 用于 es6(弱) map 、集合的正确 React 组件 PropTypes

我想强制用户传递es6Mapobject到使用PropTypes的React组件,例如:staticpropTypes={elementsMap:React.PropTypes.map(React.PropTypes.string,editorPropTypes.element).isRequired,}但是在React中似乎没有这样的东西。(Theofficialdocumentation)。 最佳答案 elementsMap:p.instanceOf(Map).isRequired