React组件的属性PropTypes
2016-09-30 00:02
477 查看
1、问题背景
利用React的属性PropTypes,可以接受任意的字符串、对象、函数等。
2、实现源码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>React组件的属性PropTypes</title>
<script type="text/javascript" src="../js/react.js" ></script>
<script type="text/javascript" src="../js/react-dom.js" ></script>
<script type="text/javascript" src="../js/browser.min.js" ></script>
<script type="text/babel">
var WanTitle = React.createClass({
propTypes:{
name:React.PropTypes.string.isRequired,
},
render:function(){
return <label>{this.props.name}</label>
}
});
ReactDOM.render(
<WanTitle name="胡思思"/>,
document.getElementById("propTitle")
);
</script>
</head>
<body>
<div id="propTitle"></div>
</body>
</html>
3、实现结果
利用React的属性PropTypes,可以接受任意的字符串、对象、函数等。
2、实现源码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>React组件的属性PropTypes</title>
<script type="text/javascript" src="../js/react.js" ></script>
<script type="text/javascript" src="../js/react-dom.js" ></script>
<script type="text/javascript" src="../js/browser.min.js" ></script>
<script type="text/babel">
var WanTitle = React.createClass({
propTypes:{
name:React.PropTypes.string.isRequired,
},
render:function(){
return <label>{this.props.name}</label>
}
});
ReactDOM.render(
<WanTitle name="胡思思"/>,
document.getElementById("propTitle")
);
</script>
</head>
<body>
<div id="propTitle"></div>
</body>
</html>
3、实现结果
相关文章推荐
- React组件属性部类(propTypes)校验
- React组件属性props部类(propTypes)校验
- react-native 组件默认属性(defaultProps) 及 属性类型验证(PropTypes)
- React PropTypes 定义组件的属性类型和默认属性
- React组件属性类型(propTypes)
- React组件属性类型(propTypes)
- React组件属性类型(propTypes)
- React Native之prop-types进行属性确认
- react demo9 (组件属性验证propTypes)
- 【react】利用prop-types第三方库对组件的props中的变量进行类型检测
- 【react】利用prop-types第三方库对组件的props中的变量进行类型检测
- React之PropTypes属性
- React组件属性类--propTypes
- React组件属性类--propTypes
- ReactNative组件属性类(propTypes)校验
- react-native PropTypes
- react-native-baidu-map undefined is not an object(evaluting 'a.PropTypes.bool')
- react PropTypes
- React1 创建React组件、组件的属性
- react开发报错Use the prop-types package from npm instead.