React Props 属性

组件传参

React 中组件与组件之间的通信,是靠 props属性 传递的,通过这种数据共享机制,让组件与组件之间的配合变得很灵活。

// index.js
class Index extends Component {
  render() {
    return <div><Header name={'index'} /></div>
  }
}

// header.js
class Header extends Component {
  render() {
    return <div>{this.props.name}</div>
}

/*
 Header 组件通过 props 属性获取了 Index 组件传递的 name 参数
*/
React 教程 React 安装 React 组件 React JSX React 样式 React 生命周期 React State React Props React 事件 React Refs React Router