javascript – 如何在另一个类中创建导入类的实例

参见英文答案 > Javascript (ES6), export const vs export default                                    6个
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

解决方法:

更改

import {User} from './User'

至

import User from './User'

你的错误是你正在进行默认导出：在User.js模块中导出默认用户,但在Test.js里面你正在命名import：import {User}来自’./User’.

标签：javascript,ecmascript-6,reactjs,es6-module-loader
来源： https://codeday.me/bug/20190623/1268428.html