所以我创建一个应用程序与没有配置我安装mobx和mobx反应的反应从https://facebook.github.io/react/blog/2016/07/22/create-apps-with-no-configuration.htmlmobx +反应意外的标记
,但仍显示意外的标记的@ SYMB之前的误差。
我是否需要添加别的东西,或者我现在的配置是错误的?:(
的package.json
"devDependencies": {
"react-scripts": "0.8.4",
"babel-core": "^6.7.6",
"babel-loader": "^6.2.4",
"babel-preset-es2015": "^6.6.0",
"babel-preset-react": "^6.5.0",
"babel-preset-stage-0": "^6.5.0"
},
"dependencies": {
"autobind-decorator": "^1.3.4",
"classnames": "^2.2.5",
"lodash": "^4.15.0",
"mobx": "^2.5.1",
"mobx-react": "^3.5.5",
"react": "^15.3.1",
"react-dom": "^15.3.1",
"validator": "^5.6.0"
},
.babelrc
{
"presets": ["es2015", "stage-0", "react"],
"plugins": [
"transform-decorators-legacy",
"transform-class-properties"
]
}
和代码
import React, { Component } from 'react';
import { action, observable } from 'mobx'
import {observer} from 'mobx-react';
class App {
@observer cake = [];
}
export default new App();
'@ observer'是用于你的反应的组分的装饰。如果你想要可观察的数据,你应该使用装饰器'@ observable'。 – Tholle
无论我使用什么,当我使用@ symb时,它就停在那里。所以我认为mobx没有正确安装 –
哦,我误解了。我认为这是因为create-react-app根本不支持装饰器('@')。我不认为MobX是这里的罪魁祸首。您可以尝试使用[** mobx-react-boilerplate **](https://github.com/mobxjs/mobx-react-boilerplate)。 – Tholle