"Uncaught TypeError: React.createClass is not a function" in Render.js file (electron app)
"Uncaught TypeError: React.createClass is not a function" in Render.js file (electron app)
我是 react.js 的新手,我正在尝试让这段代码用电子应用程序中 html 文件中的一行替换 return 中的任何内容主界面变量
这是我的 Render.js 文件
var React = require('react');
var ReactDOM = require('react-dom');
var $ = jQuery = require('jquery');
var bootstrap = require('bootstrap');
//var createReactClass = require('create-react-class');
var MainInterface = React.createClass({
render: function() {
return(
<h1>SUCCESSSSSSSSSSS</h1>
);
}//render
});//MainInterface
ReactDOM.render(
<MainInterface />,
document.getElementById('projects')
);//render
这是 html 文件(希望替换 WPM ... 正在加载)(我的实际文件中确实有最后一个 html 标签)
> <!DOCTYPE html> <html lang ="en"> <head>
> <meta charset="utf-8">
> <meta name ="viewport" content="width=device-width, initial-scale=1.0">
> <meta http-equiv="X-UA-Compatible" content="ie=edge">
> <link rel="stylesheet" href="css/app.css">
> <title>Project Manager</title> </head> <body> <div claa="main">
> <div class="page" id="projectratings">
> <div id="projects">
> <h2>WPM ... loading</h2>
> </div>
> </div> </div> <script src="js/render.js"></script> </body>
这是我的package.json
{
"name": "ETest",
"version": "1.0.0",
"main": "app/main.js",
"devDependencies": {
"create-react-class": "^15.6.2",
"electron": "^1.7.8",
"electron-packager": "^9.1.0",
"gulp": "^3.9.1",
"gulp-browserify": "^0.5.1",
"gulp-concat-css": "^2.3.0",
"gulp-react": "^3.1.0",
"gulp-run": "^1.7.1",
"react": "^16.0.0",
"react-addons-test-utils": "^15.6.2",
"react-dom": "^16.0.0",
"reactify": "^1.1.1"
},
"dependencies": {
"bootstrap": "^3.3.7",
"electron-reload": "^1.2.2",
"jquery": "^3.2.1",
"lodash": "^4.17.4"
}
}
我已经尝试安装 creat-react-class 并使用它(如 render.js 文件中注释掉的行所示)
我已经卸载并重新安装了 react 和 react-dom
不确定我还缺少什么
继续获得
C:\Users\user\Desktop\ElectronTesting\process\js\fake_6052bf8b.js:8
Uncaught TypeError: React.createClass is not a function
我的 render.js 文件位于 ElectronTesting\process\js\render.js
不确定为什么它指向 fake_6052bf8b.js 我一直假设这是某种类型的临时文件(如果我错了请纠正我)
感谢您提供的所有帮助。
**编辑是的,只是一个简单的错误,忘记用 createReactClass 替换 React.createClass,感谢代码示例让我终于看到了它!
React 从版本 16 中删除了 createClass
。
您可以使用 create-react-class
轻松迁移,如 React 文档中所示。
// Before (15.4 and below)
var React = require('react');
var Component = React.createClass({
mixins: [MixinA],
render() {
return <Child />;
}
});
// After (15.5)
var React = require('react');
var createReactClass = require('create-react-class');
var Component = createReactClass({
mixins: [MixinA],
render() {
return <Child />;
}
});
阅读更多相关内容https://reactjs.org/blog/2017/04/07/react-v15.5.0.html#migrating-from-reactcreateclass
export default class App extends React.Component{
render() {
return(
<h1>its works</h1>
);
}
};
这对我有用,检查这个 因此它通过导出 React.component 而不是使用 React.createClass
在最新版本的 React 中,您会注意到 React.createClass 已从库中删除。最大的变化之一是您可以使用 JavaScript 类.
创建 React 组件
我是 react.js 的新手,我正在尝试让这段代码用电子应用程序中 html 文件中的一行替换 return 中的任何内容主界面变量
这是我的 Render.js 文件
var React = require('react');
var ReactDOM = require('react-dom');
var $ = jQuery = require('jquery');
var bootstrap = require('bootstrap');
//var createReactClass = require('create-react-class');
var MainInterface = React.createClass({
render: function() {
return(
<h1>SUCCESSSSSSSSSSS</h1>
);
}//render
});//MainInterface
ReactDOM.render(
<MainInterface />,
document.getElementById('projects')
);//render
这是 html 文件(希望替换 WPM ... 正在加载)(我的实际文件中确实有最后一个 html 标签)
> <!DOCTYPE html> <html lang ="en"> <head>
> <meta charset="utf-8">
> <meta name ="viewport" content="width=device-width, initial-scale=1.0">
> <meta http-equiv="X-UA-Compatible" content="ie=edge">
> <link rel="stylesheet" href="css/app.css">
> <title>Project Manager</title> </head> <body> <div claa="main">
> <div class="page" id="projectratings">
> <div id="projects">
> <h2>WPM ... loading</h2>
> </div>
> </div> </div> <script src="js/render.js"></script> </body>
这是我的package.json
{
"name": "ETest",
"version": "1.0.0",
"main": "app/main.js",
"devDependencies": {
"create-react-class": "^15.6.2",
"electron": "^1.7.8",
"electron-packager": "^9.1.0",
"gulp": "^3.9.1",
"gulp-browserify": "^0.5.1",
"gulp-concat-css": "^2.3.0",
"gulp-react": "^3.1.0",
"gulp-run": "^1.7.1",
"react": "^16.0.0",
"react-addons-test-utils": "^15.6.2",
"react-dom": "^16.0.0",
"reactify": "^1.1.1"
},
"dependencies": {
"bootstrap": "^3.3.7",
"electron-reload": "^1.2.2",
"jquery": "^3.2.1",
"lodash": "^4.17.4"
}
}
我已经尝试安装 creat-react-class 并使用它(如 render.js 文件中注释掉的行所示)
我已经卸载并重新安装了 react 和 react-dom
不确定我还缺少什么
继续获得
C:\Users\user\Desktop\ElectronTesting\process\js\fake_6052bf8b.js:8
Uncaught TypeError: React.createClass is not a function
我的 render.js 文件位于 ElectronTesting\process\js\render.js 不确定为什么它指向 fake_6052bf8b.js 我一直假设这是某种类型的临时文件(如果我错了请纠正我)
感谢您提供的所有帮助。
**编辑是的,只是一个简单的错误,忘记用 createReactClass 替换 React.createClass,感谢代码示例让我终于看到了它!
React 从版本 16 中删除了 createClass
。
您可以使用 create-react-class
轻松迁移,如 React 文档中所示。
// Before (15.4 and below)
var React = require('react');
var Component = React.createClass({
mixins: [MixinA],
render() {
return <Child />;
}
});
// After (15.5)
var React = require('react');
var createReactClass = require('create-react-class');
var Component = createReactClass({
mixins: [MixinA],
render() {
return <Child />;
}
});
阅读更多相关内容https://reactjs.org/blog/2017/04/07/react-v15.5.0.html#migrating-from-reactcreateclass
export default class App extends React.Component{
render() {
return(
<h1>its works</h1>
);
}
};
这对我有用,检查这个
在最新版本的 React 中,您会注意到 React.createClass 已从库中删除。最大的变化之一是您可以使用 JavaScript 类.
创建 React 组件