未捕获的TypeError: React.createClass不是函数异常
未捕获的TypeError: React.createClass不是函数异常
提问于 2018-04-30 09:53:35
我做了一个像这样的html页面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>React project</title>
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/babel-core@5.8.38/browser.min.js"></script>
</head>
<body>
<div id="root"></div>
<script src="react.js" type="text/babel"></script>
</body>
</html>
文件react.js如下所示
var Comp1 = React.createClass({
render: function() {
return(
<h1> Comp1 </h1>
);
}
});
ReactDOM.render(
<div>
<Comp1/>
</div>,
document.getElementById("root")
);
但是，我得到了“未捕获的TypeError: React.createClass不是一个函数”异常，为什么？
回答 1
Stack Overflow用户
发布于 2018-04-30 10:05:44
通常，您会将React组件定义为一个普通的JavaScript类：
class Comp1 extends React.Component {
render() {
return <h1> Comp1 </h1>;
}
}如果您还没有使用ES6，您可以改用create-react-class模块：
var createReactClass = require('create-react-class');
var Comp1= createReactClass({
render: function() {
return <h1> Comp1 </h1>;
}
});或,
import React from 'react';
const Contacts = React.createClass({
render() {
return (
<div></div>
);
}
});
export default Contacts;页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50093063
复制相关文章
相似问题
腾讯云开发者
