import {Button} from 'react-bootstrap';
import {BootstrapTable, TableHeaderColumn} from 'react-bootstrap-table';
import React from 'react';
import {render} from 'react-dom';
import TableList from './table.js';


class MianBan extends React.Component{
    //title
    constructor(...args){
        super(...args);
        this.state = {
            open: true
        };
    }

    render() {
        return (
          

             this.setState({opten: !this.state.opten}) }>
                click
            
              
                  Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
                  Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
              
          
        );
    }
}

module.exports = MianBan;

/**
 * Created by wf on 2016/3/29.
 */
import {BootstrapTable, TableHeaderColumn} from 'react-bootstrap-table';
import React from 'react';
import {render} from 'react-dom';

class TableList extends React.Component{

    constructor(props){
        super(props);
    }

    render() {
        var selectRowProp = {
            mode: 'checkbox',
            clickToSelect: turn
        };

        var products = [
            {
                id: 1,
                title: "为什么猪那么能吃",
                author: "kevin",
                createTime: "2016-03-25",
                clicks: 88,
                reads: 120
            },{
                id: 2,
                title: "为什么猪那么能吃",
                author: "kevin",
                createTime: "2016-03-25",
                clicks: 88,
                reads: 80
            },{
                id: 3,
                title: "为什么猪那么能吃",
                author: "kevin",
                createTime: "2016-03-25",
                clicks: 88,
                reads: 207
            },{
                id: 4,
                title: "为什么猪那么能吃",
                author: "kevin",
                createTime: "2016-03-25",
                clicks: 88,
                reads: 100
            },{
                id: 5,
                title: "为什么猪那么能吃",
                author: "kevin",
                createTime: "2016-03-25",
                clicks: 88,
                reads: 150
            },{
                id: 6,
                title: "为什么猪那么能吃",
                author: "kevin",
                createTime: "2016-03-25",
                clicks: 88,
                reads: 160
            }
        ];

        return (
            
                操作
                文章标题
                作者
                创建时间
                点击数
                阅读数
            
        );
    }
}

module.exports = TableList;

下面这是入口文件，指向页面的id='table' 我编译之后，页面不显示。是什么原因？

import React from 'react';
import {render} from 'react-dom';
import Panel from '../news/news_table/panel.js';



render(
    ,
    document.getElementById('table')
);