1、属性(props)
props
正常是外部传入的,组件内部也可以通过一些方式来初始化的设置,属性不能被组件自己更改,但是你可以通过父组件主动重新渲染的方式来传入新的 props。
通过箭头函数创建的函数式组件,需要通过函数的参数来接收props
:
通过类创建的类组件,需要通过 this.props来接收属性
import React from 'react'
const Header = (props) => {
return (
<header>
{ props.name } 的核心库只关注于视图层
</header>
)
}
const Content = ({ name }) => (
<section>{ name }</section>
)
class Footer extends React.Component {
render () {
return (
<footer>{ this.props.name }</footer>
)
}
}
const App = () => (
<div>