react---组件间数据传递

1、组件内部数据的使用

import React, { Component } from 'react';class leftMenu extends Component{ /* React.PropTypes返回的是一系列的验证函数，用来确保接收的数据是否有效。 此方法只可在卡法阶段使用 */  static propTypes = {    na: React.PropTypes.array  },  /*   static defaultProps为组件设置默认值   另一种方法： 在class外面 leftMenu.defaultProps = {     na: ['首页','登录'   }  */  static defaultProps = {    na: ['首页','登录']  }   /* constructor构造器来构造默认的属性和状态； super()继承了整个类的引用，使this指针可以指向该组件，那么this.props就可以使用传过来的参数了。  */  constructor (props) {    super(props)    console.log(props)    console.log(React)  }  render () {    return (         <ul className="left-menu">            {              this.props.na.map(function(name,index){                return <li key={index}>{name}</li>              })            }          </ul>     )  }}export default leftMenu;

2、父子组件之间传递
（1）、props
父组件：

class App extends Component {    render() {        return (            <LeftMenu id={4}></LeftMenu>      )}

子组件：

class leftMenu extends Component{     constructor (props) {        super(props);        this.state = {            detailId: props.id        }    }       render () {        return (            <span>id为{this.state.detailId}</span>        )    }}

（2）
3、子组件向父组件传递
思路：借助state来进行数据传递