2016-07-05 3 views
2

user.jsКак создать экземпляр импортируемого класса в другом классе

class User { 

    constructor() { 
    this.fisrtName 
    this.lastName 
    } 

    get fullName() { 
    `${this.firtName} ${this.lastName}` 
    } 

} 

export default User 

Test.js

import React from 'react' 
import {User} from './User' 

class Test extends React.Component { 

    testClick(e) { 
    const user = new User() //error! because User is undefined. 
    } 

    render() { 
    return (
     <button onClick={this.testClick.bind(this)}>test</button> 
    ) 
    } 

} 

export default Test 

ответ

3

Изменить

import {User} from './User' 

в

import User from './User' 

Ваша ошибка состоит в том, что вы делаете экспорт по умолчанию: export default User внутри user.js модуль, но внутри Test.js вы делаете именем импорта: import {User} from './User'.

+0

!!! работал! благодаря! – Nigiri

+0

Отлично! –

Смежные вопросы