lanistor / react-mobx-tutorial Goto Github PK

import { observable, computed, autorun, action } from 'mobx'

class HostUser {
  @observable defaultVal = 'abc'
}

export default new HostUser()

import React from 'react'
import Nav from './Nav'

import {observer} from 'mobx-react'
import HostUser from '../model/index'


@observer
export default class Users extends React.Component {

  constructor(props){
    super(props)
    console.log(props)
    this.state = {
      a:'个人'
    }
  }

  render() {
    console.log(this)
    return (
      <div className='page page-current'>

        <header className='bar bar-nav'>
          <h1 className='title'>{this.state.a}</h1>
        </header>

        <Nav item={ 2 }/>

        <div className='content'>
          <h1 style={{ textAlign: 'center' }}>个人</h1>
        </div>
      </div>
    )
  }
}

BabelLoaderError: SyntaxError: C:/Users/Administrator/Desktop/ReactMobx/app/module/model/index.js: Unexpected token (4:25)

  2 | 
  3 | class HostUser {
> 4 |   @observable defaultVal = 'abc'
    |                          ^
  5 | }
  6 | 
  7 | export default new HostUser()