ReactJS .default는 생성자가 아닙니다

Question

저는 React와 Mobx를 처음 사용하기 때문에 작은 응용 프로그램을 만들려고합니다. 내가 그것을 실행하려고하면 오류가 발생합니다 : Uncaught TypeError: _releasesState2.default is not a constructor. 문제가 뭔지 전혀 알지 못하기 때문에 머리를 부수기 시작했습니다.

내하는 index.js :

import React from "react"; 
import ReactDOM from "react-dom"; 

import Releases from "./components/releases"; 

class App extends React.Component { 
    constructor() { 
    super(); 
    } 
    render() { 
    return (
     <div> 
      <Releases /> 
     </div> 
    ) 
    } 
} 

ReactDOM.render(<App/>, window.document.getElementById("app")); 

releases.js :

import React from "react"; 
import { observer } from "mobx-react"; 

import ReleaseState from "./releases-state"; 

@observer 
export default class Releases extends React.Component { 
    constructor() { 
    super(); 

    this.state = new ReleaseState(); 
    } 
    render() { 
    return (
     <div> 
      // content here 
     </div> 
    ) 
    } 
} 

과 릴리스-state.js :

import { observable } from "mobx" 

class ReleaseState { 
    @observable releases = []; 

    constructor() { 
     let data = [] // some array with data 
    } 
} 

const releaseState = new ReleaseState(); 

여기에 지금까지 무엇을 가지고 있습니다

누군가 여기서 나에게 무슨 문제가 있다고 말할 수 있습니까?

Answer 1

당신은 release-state.js에 ReleaseState 클래스를 내 보내지 않았다. 코드를 다음으로 수정 해보십시오.

export default class ReleaseState { 
    ... 

Answer 2

ReleaseState을 잊어 버린 것 같습니다.

export default releaseState;