87,993
社区成员
发帖
与我相关
我的任务
分享初学者提问:React代码一直报错
我在使用React开发组件的过程中遇到了如下问题,浏览器一直提示Uncaught ReferenceError: ReactDataGrid is not defined,组件一直显示不出来,我的环境是ES5,代码如下:
ReactDataGrid.jsx
ReactDataGridExample.html
真心请教怎么解决,搞了半天了.
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>真心请教怎么解决,搞了半天了.
...全文
请发表友善的回复…
发表回复
麦草CMS 2019-02-22
- 打赏
- 举报
ReactDataGrid.jsx文件路径不对
React 入门指南：从零开始搭建你的第一个 React 应用》 《React 新手必看！手把手教你创建第一个 React 项目》 《React 快速上手：零基础也能学会的 React 开发教程》 《
