class Demo2 extends Component{
render(){
return(
{(val)=>
{val.msg}
})
}
}
同样的使用Consumer标签,在标签中即可直接获取到,就像下面这样
{(val)=>
{val.msg}
}mobx
- 下载安装mobx
npm i mobx mobx-react
npm i @babel/plugin-proposal-decorators
npm i @babel/plugin-proposal-class-properties
- 配置package.json
“eslintConfig”: {
“parseOptions”:{
“ecmaFeatures”:{
“legacyDecorators”:true
}
},
“extends”: “react-app”
},
“babel”: {
“plugins”:[
[“@babel/plugin-proposal-decorators”,{“legacy”:true}],
[“@babel/plugin-proposal-class-properties”,{“loose”:true}]
],
“presets”: [
“react-app”
]
}
定义属性
- 我们可以创建一个store文件夹,在里面新建一个index.js文件,内容如下
import {observable} from ‘mobx’
class AppStore {
@observable n=0;
}
const store = new AppStore();
export default store;
先创建两个简单的组件,并引入相应的包
App.js
import React,{Component} from ‘react’
import store from ‘./store’
import {Provider} from ‘mobx-react’
import Child from ‘./Child’
export default class App extends Component{
render(){
return (
)
}
}
Child.js
import React from ‘react’
export default class Child extends React.Component{
render(){
return(
我是Child组件
)
}
}
先实现出页面把值显示出来
接下来使用装饰器把属性注入进去
import {inject} from ‘mobx-react’
@inject(‘store’) @observable
observable用于解释注入的这个store的使用方法
如何使用呢?
只需要简单定义即可
export default class Child extends React.Component{
render(){
let {store} = this.props
return(
我是Child组件
{store.n}
)
}
}
最后页面上就可以取到store中的值了
修改
mobx修改使用action来标注
@action
add(){
return this.n++;
}
使用的时候
import React from ‘react’
import {inject,observer} from ‘mobx-react’
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数Java工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Java开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Java开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip1024b (备注Java)
最后
由于文案过于长,在此就不一一介绍了,这份Java后端架构进阶笔记内容包括:Java集合,JVM、Java并发、微服务、SpringNetty与 RPC 、网络、日志 、Zookeeper 、Kafka 、RabbitMQ 、Hbase 、MongoDB、Cassandra 、Java基础、负载均衡、数据库、一致性算法、Java算法、数据结构、分布式缓存等等知识详解。
本知识体系适合于所有Java程序员学习,关于以上目录中的知识点都有详细的讲解及介绍,掌握该知识点的所有内容对你会有一个质的提升,其中也总结了很多面试过程中遇到的题目以及有对应的视频解析总结。
Netty与 RPC 、网络、日志 、Zookeeper 、Kafka 、RabbitMQ 、Hbase 、MongoDB、Cassandra 、Java基础、负载均衡、数据库、一致性算法、Java算法、数据结构、分布式缓存**等等知识详解。
[外链图片转存中…(img-PQ1451sw-1711985578130)]
本知识体系适合于所有Java程序员学习,关于以上目录中的知识点都有详细的讲解及介绍,掌握该知识点的所有内容对你会有一个质的提升,其中也总结了很多面试过程中遇到的题目以及有对应的视频解析总结。
[外链图片转存中…(img-7GL0EtRS-1711985578131)]
[外链图片转存中…(img-52IZta93-1711985578131)]