react---组件间数据传递

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;

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>
)
}
}