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、实现结果