Typechecking With PropTypes

【Typechecking With PropTypes】

1、props类型检查

　　React has some built-in typechecking abilities. To run typechecking on the props for a component, you can assign the special propTypesproperty:

　　

2、child个数设置

　　With React.PropTypes.element you can specify that only a single child can be passed to a component as children.

　　

3、Default Prop Values

　　

参考：https://facebook.github.io/react/docs/typechecking-with-proptypes.html

时间： 2024-08-07 00:13:54

Typechecking With PropTypes的相关文章

React组件属性类型（propTypes）

React.createClass({ propTypes: { // You can declare that a prop is a specific JS primitive. By default, these // are all optional. optionalArray: React.PropTypes.array, optionalBool: React.PropTypes.bool, optionalFunc: React.PropTypes.func, optionalN

react Props 验证 propTypes，

<body><!-- React 真实 DOM 将会插入到这里 --><div id="example"></div> <!-- 引入 React --><script src="src/libs/react.js"></script><!-- 引入 JSX 语法格式转换器 --><script src="src/libs/JSXTransformer.j

propTypes

[propTypes] React.PropTypes is deprecated as of React v15.5. Please use the prop-types library instead. You can define default values for your props by assigning to the special defaultPropsproperty: 参考:https://facebook.github.io/react/docs/typechecki

[React] Remove React PropTypes by using Flow Annotations (in CRA)

Starting from v15.5 if we wanted to use React's PropTypes we had to change our code to use a separate node module, now we can go one step further and get rid of that extra dependency just by using flow type annotations in our create-react-app project

Advanced Guide--Typechecking with PropTypes

p,pre,span,div,code { font-size: 16px } React拥有内置的类型检测机制,为组件的props运行类型检测,需要制定propTypes属性: class Greeting extends React.Component { render() { return ( <h1>Hello, {this.props.name}</h1> ); } } Greeting.propTypes = { name: React.PropTypes.string

React组件属性部类（propTypes）校验

React组件属性类型(propTypes)校验 Prop 验证 随着应用不断变大,保证组件被正确使用变得非常有用.为此我们引入propTypes.React.PropTypes 提供很多验证器 (validator) 来验证传入数据的有效性.当向 props 传入无效数据时,JavaScript 控制台会抛出警告.注意为了性能考虑,只在开发环境验证 propTypes.下面用例子来说明不同验证器的区别: React.createClass({ propTypes: { // 可以声明 prop

六.PropTypes

组件的属性可以接受任意值,字符串,函数,对象.有时,我们需要一种机制,验证别人使用组件时,提供的参数是否符合要求. 组件类的 PropTypes属性.就是验证组件实例的属性是否符合要求 var MyTitle = React.createClass({ propTypes:{ title:React.propTypes.string.isRequired, } render:function(){ return <h1>{this.props.title}</h1> } }) 上面

React中的PropTypes详解

propTypes用来规范props必须满足的类型,如果验证不通过将会有warn提示. React PropTypes的种类有: React.PropTypes.array // 队列 React.PropTypes.bool.isRequired // Boolean 且必须 React.PropTypes.func // 函数 React.PropTypes.number // 数字 React.PropTypes.object // 对象 React.PropTypes.string //

React——props的使用以及propTypes

组件的props是只读的,组件不能修改自己的props,在React中,组件可以接受任意的props,如函数,对象,基本类型以及react元素 一.props的使用 1.一些组件并不需要知道自己的children,尤其是像Sidebar和Dialog这通用'boxes'的组件.在这些组件中,我们推荐使用特别的children props直接将孩子元素传递到组件中. function FancyBorder(props){ return( <div> {props.children} </