React组件的数据挂载方式对比

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>