函数组件使用props

<script type="text/babel">

        //创建组件

        function Person (props){

            const {name,age,sex} = props

            return (

                    <ul>

                        <li>姓名：{name}</li>

                        <li>性别：{sex}</li>

                        <li>年龄：{age}</li>

                    </ul>

                )

        }

        Person.propTypes = {

            name:PropTypes.string.isRequired, //限制name必传，且为字符串

            sex:PropTypes.string,//限制sex为字符串

            age:PropTypes.number,//限制age为数值

        }

        //指定默认标签属性值

        Person.defaultProps = {

            sex:'男',//sex默认值为男

            age:18 //age默认值为18

        }

        //渲染组件到页面

        ReactDOM.render(<Person name="jerry"/>,document.getElementById('test1'))

    </script>