react demo10 (设置组件属性的默认值getDefaultProps)

来源：互联网发布：淘宝网店如何刷钻2016 编辑：程序博客网时间：2024/06/05 16:05

需求：定义一个组件，设置title属性默认值学习：组件属性默认值getDefaultProps方法

<!doctype html><html lang="en"><head>    <meta charset="UTF-8">    <title>react dome</title>    <script src="./build/react.js"></script>    <script src="./build/react-dom.js"></script>    <script src="./build/browser.min.js"></script></head><body><div id="container"></div><script type="text/babel">    /*     设置组件属性的默认值，通过组件的getDefaultProps方法     */    //创建组件    var ShowTitle = React.createClass({        getDefaultProps:function () {            return {                title:"将前端坚持到底！"            }        },        render:function(){            return <h1>{this.props.title}</h1>        }    })    //渲染    ReactDOM.render(            <ShowTitle/>,   //在未设置title属性时，显示默认值，设置后覆盖默认值            document.getElementById("container")    )</script></body></html>

0 1