Reactjs 为什么可以'；我自己把这个专栏画成一个；“助手”；组件？

我在React中使用了以下SSCCE：

突然间，

EnhancedColumn

根本没有呈现（事实上，它的呈现方法甚至没有被调用，因为控制台上没有出现调用

render的消息

）：

---

我将此记录为。

我注意到的一件事是，您没有传递道具来填充增强列的数据。此外，如果没有这些组件的根使用，调试这些组件也有点困难，因此您应该为上下文添加更多的代码@Dibesjr没有

道具可以通过。根目录的使用非常简单：
ReactDOM.render（，$（'#app'）[0]）（或当剪辑第一列时
App2/
）。数据来自哪里？编辑：Nevermind看到了将模拟数据存储在何处？是否在表组件中呈现所有子级？我注意到的一点是，您没有传递道具来填充增强列的数据。此外，如果没有这些组件的根使用，调试这些组件也有点困难，因此您应该为上下文添加更多的代码@Dibesjr没有
道具可以通过。根目录的使用非常简单：
ReactDOM.render（，$（'#app'）[0]）（或当剪辑第一列时
App2/
）。数据来自哪里？编辑：Nevermind看到了将模拟数据存储在何处？是否在表组件中呈现所有子级？
const rows = [{name: 'Apple', desc: 'a popular fruit'},
              {name: 'Cat',   desc: 'a domesticated feline'}];


const App = React.createClass({

    render: function() {
        return (
            <Table id='foo'
            height={200}
            width={400}
            rowsCount={rows.length}
            rowHeight={26}
            headerHeight={50}>
                <Column
                    width={0}
                    flexGrow={2}
                    cell={props=>(<Cell>{rows[props.rowIndex].name}</Cell>)}
                    header='Name'/>
                <Column
                    width={0}
                    flexGrow={2}
                    cell={props=>(<Cell>{rows[props.rowIndex].desc}</Cell>)}
                    header='Description'/>
            </Table>
        );
    }
});

const EnhancedColumn = React.createClass({
    render: function() {
        console.log('render called');
        return (
                    <Column
                    width={0}
                    flexGrow={2}
                    cell={props=>(<Cell>{rows[props.rowIndex].name}</Cell>)}
                    header='Name'/>
        );
    }
});

const App2 = React.createClass({

    render: function() {
        return (
            <Table id='foo'
            height={200}
            width={400}
            rowsCount={rows.length}
            rowHeight={26}
            headerHeight={50}>
                <EnhancedColumn/>
                <Column
                    width={0}
                    flexGrow={2}
                    cell={props=>(<Cell>{rows[props.rowIndex].desc}</Cell>)}
                    header='Description'/>
            </Table>
        );
    }
});