react学习（15）函数式组件中使用props

对于state,props和refs,抛开hooks不说,也只有props能在函数式组件中使用，因为函数式组件中的this为undefined.

        <script type="text/babel">
        function Person(props){
   
            return (
                <ul>
                    <li>姓名：{
   props.name}</li>
                    <li>年龄：{
   props.age}</li>
                    <li>性别：{
   props.sex}</li>
                </ul>
            )
        }
        Person.propTypes ={
   
            name:PropTypes.string.isRequired,
            age:PropTypes.number,
            sex:PropTypes.string
        }
        Person.defaultProps = {
   
            age:18,
            sex:'男'
        }
        ReactDOM.render(<Person name="tom" age={
   18} sex="女"/>,document.getElementById('test'));

    </script>

        

          
        
        
        

          

          AI 代码解读