Reactjs 如何在Create-React应用程序中实现MobX?
在研究React和Redux时,我被告知也要看看MobX,因为它更简单。我也同意,我觉得向我演示时更直观。 但是,当我尝试在React项目中实现它时,我遇到了很多麻烦,例如,使用decorator、实验性语法警告,当修复它时,我遇到了更多的麻烦。 而且我不能跟随教程,当我尝试它时,它看起来不一样,从那时起,新版本已经到来,等等 安装后:Reactjs 如何在Create-React应用程序中实现MobX?,reactjs,visual-studio-code,babeljs,create-react-app,mobx,Reactjs,Visual Studio Code,Babeljs,Create React App,Mobx,在研究React和Redux时,我被告知也要看看MobX,因为它更简单。我也同意,我觉得向我演示时更直观。 但是,当我尝试在React项目中实现它时,我遇到了很多麻烦,例如,使用decorator、实验性语法警告,当修复它时,我遇到了更多的麻烦。 而且我不能跟随教程,当我尝试它时,它看起来不一样,从那时起,新版本已经到来,等等 安装后: npm install mobx --save npm install mobx-react --save …让我困惑的是,这两个文件用于进一步的设置(或者我
npm install mobx --save
npm install mobx-react --save
…让我困惑的是,这两个文件用于进一步的设置(或者我只需要其中一个吗?):
我必须自己创建这些文件吗(或者只是其中一个)?,在哪里
教程还告诉我要更改package.json中的babel部分,但没有这样的部分。
现在我遇到了一个编译器(VSCode)错误:
我确实运行了命令:
npm install @babel/plugin-proposal-decorators
。。但是在VSCode中编译时仍然存在这个错误。在MobX 6中,有一个新东西可能允许您完全删除装饰器,
makeAutoObservable
:
import { makeAutoObservable } from "mobx"
class Store {
// Don't need decorators now
string = 'Test String';
setString = (string) => {
this.string = string;
};
constructor() {
// Just call it here
makeAutoObservable (this);
}
}
这样,您甚至不需要启用decorator语法
更多信息请点击这里
和
在MobX 6中,有一个新东西可能允许您完全删除装饰程序,
使自动可观察
:
import { makeAutoObservable } from "mobx"
class Store {
// Don't need decorators now
string = 'Test String';
setString = (string) => {
this.string = string;
};
constructor() {
// Just call it here
makeAutoObservable (this);
}
}
这样,您甚至不需要启用decorator语法
更多信息请点击这里
和
您真的在问如何使用/安装MobX吗?谢谢。否,我已使用npm install mobx和mobx react成功安装了它。我就是不能用VSCode编译它。我猜这仍然是decorator语法。你真的在问如何使用/安装MobX吗?谢谢。否,我已使用npm install mobx和mobx react成功安装了它。我就是不能用VSCode编译它。我想这仍然是装饰语法。谢谢!好极了,感觉就像一个人必须随着“新事物”的到来而更新!我会试试的,快回来!非常感谢。好极了,感觉就像一个人必须随着“新事物”的到来而更新!我会试试的,快回来!
import { makeAutoObservable } from "mobx"
class Store {
// Don't need decorators now
string = 'Test String';
setString = (string) => {
this.string = string;
};
constructor() {
// Just call it here
makeAutoObservable (this);
}
}