luwu 8 react组件的基本模式 - nuanxin1111/react GitHub Wiki

es6模块的导入导出可以参见：全面解析ECMAScript 6模块系统 和 ES6详解八：模块（Module）！ React入门

import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route, IndexRoute, Link } from 'react-router';

class MyList extends React.Component {
    constructor(props) {
        super();
        this.state = {

        }
    }

    render() {
        var props = {

        }
        return(

        );
    }
}
MyList.propTypes = {
    name: React.PropTypes.string,
}

MyList.defaultProps = {
    name: 'lisi',
}

export default MyList;

需要注意的坑：

1. 函数的花括号与小括号必须隔一个空格
2. return 标签开头一定要与return 一行
3. propTypes和defaultProps不能写在class内