React组件的属性PropTypes
16lz
2021-01-22
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、实现结果
更多相关文章
- Javascript XML DOM将属性设置为特定元素
- 如何将带有双引号反斜杠的JSON字符串转换为Javascript对象
- 为什么我收到此错误：“未捕获的TypeError：无法读取未定义的属性'标
- Javascript正则表达式应该允许空和非空字符串，但它不会
- 获取拆分字符串数组的最后一个元素
- 打字稿：无法访问类属性[重复]
- “错误:路径必须是字符串”(v5.10.0)
- javascript 截取字符串方法汇总
- JavaScript String（字符串对象）