个人 尚硅谷React全家桶学习笔记(10)

个人 尚硅谷React全家桶学习笔记 （十）

20.props的基本使用

	class Person extends React.Component{
		render(){
			const{name,age,sex}=this.props
		 return (
			<ul>
				<li>姓名:{name}</li>
				<li>性别:{sex}</li>
				<li>年龄:{age}</li>
			</ul>
		)
	 }
	}
ReactDOM.render(<Person name="Jerry" age="19" sex="男"/>,document.getElementById('test'))

在渲染时写在标签内的 key value组合会存在实例的props中
可以通过this调用

21.批量传递props

class Person extends React.Component{
		render(){
			const{name,age,sex}=this.props
		 return (
			<ul>
				<li>姓名:{name}</li>
				<li>性别:{sex}</li>
				<li>年龄:{age}</li>
			</ul>
		)
	 }
	}
	
	const p ={name:'老刘',age:18,sex:'女'}
ReactDOM.render(<Person {...p}/>,document.getElemen