如何將react類寫成一個普通的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');