React/practise/29.类组件props默认值.jsx

import React from 'react'

/* 类组件默认值
第一种：defaultProps
第二种： static 类静态属性定义 (推荐)
*/

class Test extends React.Component {
    // 第二种： static 类静态属性定义 
    static defaultProps = {
        pageSize: 10
    }

    render () {
        return (
            <div>
                {this.props.pageSize}
            </div>
        )
    }
}

// 第一种：defaultProps
/* Test.defaultProps = {
    pageSize: 10
} */


class App extends React.Component {
    render () {
        return (
            <div>
                <Test pageSize={20}/>
            </div>
        )
    }
}

export default App