初学者提问:React代码一直报错

我在使用React开发组件的过程中遇到了如下问题,浏览器一直提示Uncaught ReferenceError: ReactDataGrid is not defined,组件一直显示不出来,我的环境是ES5,代码如下:
ReactDataGrid.jsx
var ReactDataGrid = React.createClass({
    render:function() {
       return <Table>
           <thead>
               <tr>
               {
                   this.props.item.map(function(columns){
                       return <th>{columns}</th>
                   }
                )
               }
               </tr>
           </thead>
           <tbody>
               <tr>
                   {
                       this.props.item.map(function(dataProvider){
                           return <td>{dataProvider}</td>
                    }
                  )
                }
               </tr>
           </tbody>
       </Table>;
    }
});
export default ReactDataGrid;
ReactDataGridExample.html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>ReactDataGridExample</title>
    <script src="./react.development.js"></script>
    <script src="./react-dom.development.js"></script>
    <script src="./JSXTransformer.js"></script>
    <script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>
    <script type="jsx" src="./ReactDataGrid.jsx"></script>
</head>
<body>
<script type="text/babel">
    var col = ["name","website"];
    var dp = ["Wikipedia","wikipedia"];
    ReactDOM.render(<ReactDataGrid columns={col} dataProvider={dp} />,document.body);    
</script>    
</body>
</html>
真心请教怎么解决,搞了半天了.