how to write react class as a plain javascript class?

Question

I am learning react native. i want to rewrite the following line using a plain javascript class.

module.exports = React.createClass({

to

export class Dashboard extends React.Component {

not sure if i am doing it right. in the original code, it just exports without giving a class name. can I do the same? or does it hurt if I give a name.

the full source code is there. the line i try to modify is line 19.

madox2 · Accepted Answer · 2016-03-05 12:36:49Z

2

I depends on how you import the component. You are currently using named export so you need to import it by it's name - Dashboard:

export class Dashboard extends React.Component {

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

If you use default export you can name it however you like:

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');

edited Mar 5, 2016 at 12:36

answered Mar 5, 2016 at 12:12

madox2

52.3k21 gold badges106 silver badges101 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to write react class as a plain javascript class?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related