MobX+react使用小demo
2024-08-24 05:35:54
第一次接触mobx,网上找了很多例子,写此主要总结一下create-react-app + mobx入门
create-react-app myreact
cd myreact
npm install
npm start
因楼主默认端口被占用,先修改端口,也为了安装其他插件,现将eject弹出,这时执行npm run eject会报错, 是因为git原因,需要执行命令:git add . git commit -m 'test'
成功后执行npm run eject, 会问你是否弹出, 因为eject弹出后将不能恢复成原来,此执行Y, 弹出后执行命令npm start
因为mobx用到修饰器, 单修饰器还只是es7的一个提案,需要安装支持修饰器的依赖
npm i --save-dev babel-plugin-transform-decorators-legacy
npm install @babel/plugin-proposal-decorators --save-dev
现在修饰器语法应该就没什么问题了 开始安装mobx
npm install mobx --save
npm install mobx-react --save
然后配饰package.json
"babel": {
"presets": [
"react-app"
],
"plugins": [
[
"@babel/plugin-proposal-decorators",
{
"legacy": true
}
],
[
"@babel/plugin-proposal-class-properties",
{
"loose": true
}
]
]
}
src下面新建一个名为store的文件夹
新建todoList.js
新建viewtodo.js
app.js
index.js
以上为全部代码 success!
最新文章
- python小细节
- Encode and Decode Strings
- 人人都可以开发高可用高伸缩应用——论Azure Service Fabric的意义
- 建议入门-用ArcMap进行空间查询与空间连接
- phyreengine 3.12.0 安装遇到的问题
- 特殊的attribute机制
- mssql SUBSTRING和charindex的用法
- TPYBoard V102:能跑Python的stm32开发板
- (八十七)AutoLayout的简介与实例
- 一张图看懂AR至GL数据流
- 数据库学习之MySQL进阶
- js获取参数 解决乱码
- SoapUI、Jmeter、Postman三种接口测试工具的比较分析
- Redis入门到高可用(二十)——Redis Cluster
- Python GIL锁
- WordPress 本地建站
- 带标签的循环语句、switch
- 第五章703N 刷openwrt 挂载u盘
- 利用Tensorflow实现神经网络模型
- Mysql索引分类和索引优化
热门文章
- P4081 [USACO17DEC]Standing Out from the Herd
- 1、docker容器技术基础入门
- wireshark基础学习—第三部分wireshark的过滤器语法
- windows主用python3 个别程序使用python2的方法
- [C#]将数据写入已存在的excel文件
- bean 装配
- 方差分析 | ANOVA | 原理 | R代码 | 进阶 | one way and two way
- 搭建Python自动化测试环境+元素定位
- Angular Js 与bootstrap, angular 与 vue.js
- 服务定位器(Service Locator)