Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/visual-studio-code/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何在Create-React应用程序中实现MobX?_Reactjs_Visual Studio Code_Babeljs_Create React App_Mobx - Fatal编程技术网

Reactjs 如何在Create-React应用程序中实现MobX?

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 …让我困惑的是,这两个文件用于进一步的设置(或者我

在研究React和Redux时,我被告知也要看看MobX,因为它更简单。我也同意,我觉得向我演示时更直观。 但是,当我尝试在React项目中实现它时,我遇到了很多麻烦,例如,使用decorator、实验性语法警告,当修复它时,我遇到了更多的麻烦。 而且我不能跟随教程,当我尝试它时,它看起来不一样,从那时起,新版本已经到来,等等

安装后:

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);
  }
}