前端开发react框架 - props深入了解

children属性：

• 当组件标签有子节点，props就会有该属性
• 可以是任意值（文本，React元素，组件，函数）

const App = ()=>{

return (

<div>组件children子节点： { props.children }</div>

)

}

props校验：

• 创建组件的时候，声明props的类型格式
• 捕获错误，提示错误信息

const App = ()=> {

}

App.propTypes = {

arrs: PropTypes.array

}

props 默认值：

设置默认值，在未传入参数时生效

function App(props){

return <div>默认值：{props.def}</div>

}

App.defaultProps = {

def:10

}