如何将反应类编写为普通的javascript类？

Question

我正在学习反应原生。我想使用普通的javascript类重写以下行。

module.exports = React.createClass({

到

export class Dashboard extends React.Component {

不确定我是否正确行事。在原始代码中，它只是在没有给出类名的情况下导出。我可以这样做吗？或者如果我给出一个名字就会受伤。

完整的源代码是there。我试图修改的那一行是第19行。

Answer 1

我取决于你如何导入组件。您目前正在使用named export，因此您需要按名称导出它 - Dashboard：

export class Dashboard extends React.Component {

// and then import by name
import { Dashboard } from './myfile';
// or with require
var Dashboard = require('./myfile').Dashboard;

如果你使用default export，你可以根据自己的喜好命名：

export default class Dashboard extends React.Component {

// and then import
import Dashboard from './myfile';
// or with custom name
import MyComponent from './myfile';
// or with require
var Dashboard = require('./myfile');