mobx-react

【React】MobX

mobxjs/mobx-react:ReactbindingsforMobX(github.com)https://zh.mobx.js.org/the-gist-of-mobx.htmlstate数据
小秀_heo·2024-09-13 18:54

微信小程序自定义相机（React+Taro）

index.tsximport{useState}from'react'import{View,Image,Camera}from"@tarojs/components";import{observer}from"mobx-react
淑子啦·2024-09-03 07:15

mobx 在类组件中的使用以及函数组件中的使用

Mobx在类组件和函数组件使用安装yarnaddmobxyarnaddmobx-react父级入口1、引入import{Provider}from'mobx-react';2、引入store.jsnewStore
ikun在线敲打·2024-01-14 18:25

antd时间选择器，设置显示中文

官方文档介绍全局化配置ConfigProvider-AntDesign代码importReactfrom'react';import{Provider}from'mobx-react';importAppfrom
T3165919332·2024-01-13 10:46

mobx-react快速入门使用

目录眼熟一下Provider@inject@observable@observer@action@computed完整代码示例状态改变和渲染次数的疑惑最后注意：本文更多讲的是怎么使用mobx，关于原理等部分只会稍微带过，请查阅MobX中文官网等其他文章。本文使用TypeScript作为示例代码。另外！如果有什么地方说错了，欢迎指正！毕竟俺也是新人~眼熟一下首先眼熟一下几个名称：//mobx最上层声
我是火山呀·2023-12-24 14:50

## react项目中 mobx应该怎么用？

/store'import{Provider}from'mobx-react'ReactDOM.render(,document.getElementById('root'));3.哪个组件使用，就在哪个组件中
Cc_b701·2023-11-21 07:46

mobx 5 + react 函数组件 的一些用法,算是学习mobx的一些小总结

写起来有点费劲,就像vue一样,条条框框,更改状态要不停的的setxxx,getxxx,但是mobx就简化了很多,只需要添加几个修饰器即可首先是create-react-app创建一个项目 下载mobx,mobx-react
杀人放火-厉 飞 雨·2023-11-03 13:10

Editor.tsx

importReactfrom'react';import{Editor,ShortcutKey}from'amis-editor';import{inject,observer}from'mobx-react
xiexuzhao·2023-09-10 04:31

浅析mobx-react源码（二）：分批处理变化

前言当我们选择使用一个新的工具，一定是他解决了一定的痛点，在上一篇文章中，mobx的自动追踪依赖依赖，帮我们在毫不费力地情况下近乎完美的解决了一个组件对state的依赖，基本可以让shouldComponentUpdate在你的代码里消失。而这次介绍的特性则解决了setState的一些副作用。setState副作用熟练使用react的同学一定对setState的坑有一定的了解，首先最重要的肯定就是
cloudZqy·2023-09-05 03:50

【react】react18的学习（八）–mobx介绍

也是代替原生redux的公共状态管理方式，搭配mobx-react使用；mobx@5版本需要浏览器支持es6proxy，且使用了许多装饰器；mobx@6移除了装饰器语法；装饰器装饰器本质：一个函数；在调用类
ANKG·2023-07-20 02:50

bug solved | export 'default' was not found in 'xxx'

原因：export导出不止一个需要用花括号解构出自己想要的例如：importProviderfrom'mobx-react'改为import{Provider}from'mobx-react'
·2023-06-19 19:09

Support for the experimental syntax 'decorators-legacy' isn't currently enabled

通过create-react-app创建的react项目配置mobx的时候报的错误，笔者使用的是"mobx":"^5.15.0","mobx-react":"^6.1.4",一、装包npmicustomize-cra
浮萍逐浪·2023-06-09 17:30

bug solved | export 'default' was not found in 'xxx'

原因：export导出不止一个需要用花括号解构出自己想要的例如：importProviderfrom'mobx-react'改为import{Provider}from'mobx-react'
·2023-04-19 11:20

react 中 mobx的使用案例详解

/utils/Context'//引入Observer监听组件实现数据和视图层的双向改变import{Observer}from'mobx-react'constMobx=()=>{//hook有规则useContext
·2023-04-13 09:08

Mobx6 基本使用

准备mobx：MobX核心库mobx-react-lite：仅支持函数组件mobx-react
逍康·2023-04-06 18:42

mobx-react 源码阅读笔记（一）

而mobx-react中的observe
sunner168·2023-03-27 18:34

双图柱

@LastModifiedtime:2019-09-0220:11:43*/importReact,{Component}from'react'import{inject,observer}from'mobx-react'im
lu2294·2023-03-21 12:10

React 安装 Mobx

npminstallmobxmobx-react--save-dev例子如下importReactfrom'react';import{observable,action}from'mobx';import{observer}from'mobx-react
Fortune_Cookie·2023-02-19 03:21

2021前端react面试题汇总

某一状态只有一个可信数据来源（通常命名为store，指状态容器）;操作更新状态方式统一，并且可控（通常以action方式提供更新状态的途径）;支持将store与React组件连接，如react-redux，mobx-react
·2021-12-07 16:01

React mobx 基础使用

任意组件间的数据通信###mobx会有一个单独的js文件进行管理父组件数据注入Provider子组件（任意组件）安装yarnaddmobxnpminstallmobx--save有一个包父级的入口管理引入mobx-react
·2021-08-17 20:06

React Mobx 基础使用_0.1

任意组件间的数据通信###mobx会有一个单独的js文件进行管理父组件数据注入Provider子组件（任意组件）安装yarnaddmobxnpminstallmobx--save有一个包父级的入口管理引入mobx-react
·2021-08-17 11:13

react-mobx6使用案例

create-react-app一、安装//npmyarn随需求，尽量不要混用，混用有些资源可能会出现掉包yarnaddmobxyarnaddmobx-react//版本号"mobx":"^6.3.2","mobx-react
·2021-06-27 17:50

mobx数据变了，视图没变,mobx6的用法

在react中使用react-mobx的情况下,数据已经被action改变了,但是视图层没有随之概念如果mobx的版本大于6"mobx":"^6.3.2","mobx-react":"^7.2.0"切记添加
·2021-06-27 17:16

react-mobx6使用案例

create-react-app一、安装//npmyarn随需求，尽量不要混用，混用有些资源可能会出现掉包yarnaddmobxyarnaddmobx-react//版本号"mobx":"^6.3.2","mobx-react
·2021-06-27 17:15

react-native mobx android realease报错解决方案

环境"react":"16.4.1","react-native":"0.56.0","mobx":"^5.9.4","mobx-react":"5.2.0"pckage.json"devDepen
猫先生的一天·2021-06-21 08:41

React函数组件如何集成mobx

依赖库"mobx":"^5.15.4","mobx-react":"^6.1.8",定义storeimport{observable,computed,action,decorate}from'mobx
·2021-03-18 01:05

React：react+mobx+antd，select设置全选

//组件importReactfrom'react'import{Select,Checkbox,Divider}from'antd'import{observer,inject,}from'mobx-react'import
该起啥昵称呢·2021-03-15 10:15

mobx 有bug 的 todolist (待修改)

/App.css';import{observable,computed,action}from'mobx';import{observer,Provider,inject}from'mobx-react
·2021-02-22 11:08

mobx,mobx-react

mobxMobx中创建store的常见关键字如下：observablecomputedaction。observable用来声明可观察的数据computed是声明可观察数据的演变数据，和observable具有同等地位action用来改变observable数据，但是action不是必须的，可以认为其是较好的约定，最好遵循。在mobx程序中使用class、装饰器是最佳实践，因此我们的代码也使用装饰
·2021-02-07 14:11

MobX 如何使第三方组件的 renderProps 变为响应式

mobx版本4.3.1，mobx-react版本5.1.0。背景笔者最近在做RN项目时，遇到一种情况，数据源是ObservableArray格式，然后把这个数据源传递给FlatList，demo地址。
时间小鱼·2021-01-11 23:31

read-dnd 嵌套使用

react-dnd-nested需求背景左侧是物料区，各个可以拖拽的小组件右侧为编辑区，可以将组件拖进去组成页面右侧编辑区内已拖拽的小组件可以在内部继续拖拽进行排序技术栈react、react-dom、mobx、mobx-react
silence·2021-01-09 17:37

read-dnd 嵌套使用

react-dnd-nested需求背景左侧是物料区，各个可以拖拽的小组件右侧为编辑区，可以将组件拖进去组成页面右侧编辑区内已拖拽的小组件可以在内部继续拖拽进行排序技术栈react、react-dom、mobx、mobx-react
silence·2021-01-09 17:34

React integration（在React中集成MobX）

Reactintegration（在React中集成MobX）用法：import{observer}from"mobx-react-lite"//Or"mobx-react".constMyComponent
Robot2354·2021-01-04 10:04

函数组件如何使用mobx

mobx在类组件常见写法如下：importReactfrom'react';import{inject,oberver}from'mobx-react';@inject('xxx')@observerclassTeste
ToSmile·2020-11-17 06:18

mobx4.x/5.x 与 mobx6.x 区别

最近我用create-react-app搭建reacttypescript项目，安装了最新版本mobx和mobx-react，再写一个store例子时发现组件依赖的store数值有变化但组件没有重新渲染
ToSmile·2020-11-17 06:18

mobx-react中Provider和inject的使用与理解

mobx-react中Provider和inject通过context将store注入并使得任何层级的子组件可以访问到store。本文将分为两部分讲解，先说说如何使用，然后分析源码，理解底层原理。
ToSmile·2020-11-17 06:17

TypeScript踩坑（持续更新）

配置为JS编写类型声明文件(d.ts)很多第三方库已经有自己的类型声明文件，比如@types/react，@types/react-native，这些需要单独安装，而例如mobx-react和mobx这种会自带类型文件
weixin_33743703·2020-09-16 13:31

mobx在react hooks中的应用

hooks实现inject功能//utils/useStores.jsimportReactfrom'react'import{MobXProviderContext}from'mobx-react';
Ctrl30xsx·2020-09-13 22:13

react上下文context怎样使用看这篇这够了

react上下文context是一个很有趣的api，一方面react官网不推荐使用，另一方面许多官方依赖在使用目前使用context的依赖包：react-redux、mobx-react、react-router
qdmoment·2020-09-13 22:51

状态管理库之redux和mobx的共同点和区别有什么

共同点：为了解决状态管理混乱，无法有效的同步的问题统一尾货管理应用状态某一状态只有一个可信的数据源，通常是以action的方式提供更新状态的途径支持将store与react链接，如react-redux,mobx-react
leelxp·2020-09-13 22:34

mobx系列(三)-在React中使用Mobx

Mobx提供了一个mobx-react包帮助开发者方便地在React中使用Mobx，mobx-react中有observer、Provider、inject几个常用的api。
smk108·2020-09-12 23:41

mobx-react-lite + Context 使用不完全指南

mobx-react-lite+Context使用不完全指南mobx-react-lite是mobx-react的轻量版，增加了对函数式组件hooks的支持随着ReactHooks的推出，让我们在不编写
roamingcode·2020-09-12 23:46

React ant design Checkbox多选框 (代码区域主要方法: onCheckAllChange() onChange() )

/mobx/index';import{observer}from'mobx-react';import{Netx}from'../../MyApi'const
Xiao苏同学·2020-09-10 17:03

mobx-react中Provider和inject的使用与理解

mobx-react中Provider和inject通过context将store注入并使得任何层级的子组件可以访问到store。本文将分为两部分讲解，先说说如何使用，然后分析源码，理解底层原理。
ToSmile·2020-08-24 17:36

搭建一个简单的react+mobx应用

importReactfrom'react'import{render}from'react-dom'import{observable,computed}from'mobx'import{observer}from'mobx-react'classTodo
ToSmile·2020-08-24 17:25

MobX 在 hook 中的使用

关于mobX在react16.8.0以上的用法以下例子均取自官网文档一般用法:import{observer,useLocalStore}from'mobx-react';constHooks=observer
Grewer·2020-08-24 15:31

react+Hcharts使用教程

cnpminstallhighcharts--save第二步直接附上我写好的组件：importReact,{Component}from'react';//import{inject,observer}from'mobx-react
没错就是小白·2020-08-22 19:47

Module not found: Can't resolve 'react' in

Modulenotfound:Can'tresolve'react'in'D:\Program\antd\antd-demo2\node_modules\mobx-react'解决方法：Tryremovingpackage-lock.json
二十六画生的博客·2020-08-22 03:53

【React + Storybook】TypeError: Cannot read property 'compilation' of undefined

可以点击这里），package.json主要信息如下："dependencies":{"antd":"^3.16.3","babel-polyfill":"^6.26.0","mobx":"^5.9.4","mobx-react
云生流长·2020-08-21 01:15

React Native开发（二： 手动安装react-native-image-crop-picker)

后期会继续更新项目版本依赖"dependencies":{"autobind-decorator":"^2.1.0","md5":"^2.2.1","mobx":"3.2.2","mobx-react"
Justin0223·2020-08-18 03:27
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他