-
0 votesanswersviews
使用React Stateless Function组件的TypeScript编译器错误
我试图在TypeScript中编写一个React Stateless Function组件 . 请参阅以下代码: import * as React from 'react'; import {observer} from 'mobx-react'; export interface LinkProps { view: any; className: any; param... -
0 votesanswersviews
如何使用mobx观察者(没有属性)获取组件道具的Flow类型检查?
我在使用Mobx的create-react-app环境中使用流类型检查 . 我不想弹出 . 我不使用属性,也不想这样做 . 在observer()中包装组件会产生工作代码 . 类验证,并对组件进行类型检查传递 . 但是,没有对Component.props进行类型检查,因为观察者包装器太模糊了 . 这个简单的测试组件有效: type Props = {| whoall: string |}... -
0 votesanswersviews
导出和导入可观察的MobX React Native
我是React Native的新手,也是MobX的新手,当我的第一个项目要求动态更新和更改文件之间的道具/存储时,我才意识到我需要它 . 这是该项目的github:https://github.com/Kovah101/GenreGeneratorv1 我正在尝试构建一个生成随机音乐类型名称的应用程序 . 我的主文件呈现所有组件,并有一个小的console.log来检查是否正在生成随机数 . 我在... -
5 votesanswersviews
如何检查对象是否在Mobx可观察数组中?
我在React组件中使用 indexOf 来根据对象是否在mobx可观察数组中来设置按钮的样式 . 该按钮用于收藏 . 它将该特定列表项的对象推送到名为“favorites”的商店中的可观察数组中 . 收藏夹是一个可观察的对象数组 . 这是我的按钮中的ES6模板文字: className={`btn-group ${((this.props.store.favorites.indexOf(this... -
2 votesanswersviews
MobX和商店之间的连接
家伙 . 我正在开发ract mobx firebase应用程序 . 我想将我的app逻辑分成3个商店: authStore - 存储,其中发生所有firebase auth操作 userStore - 存储来自firebase数据库的所有当前用户数据 edtorStore - 编辑器组件中发生的所有事情 . 所以要从db接收currentUser数据,我首先需要从 f... -
2 votesanswersviews
MobX React TypeError:无法读取undefined的属性
我正在尝试与MobX进行反应 . 我在商店里定义了 fetchSources() . 如果我将以下内容放在顶级组件中,它可以正常工作 . componentWillMount() { this.props.store.fetchSources() } 但是,如果我将上述相同的代码放入子级别组件 also defined as an observer ,它会给我以下错误 . Typ... -
1 votesanswersviews
当路由改变时,MobX React Router 4 @withRouter总是重新渲染
我正在使用MobX @observer和@withRouter(react-router-v4)这样的包装页面组件 @withRouter @inject('stores') @observer class Page extends Component { render() { return ( <div> <NavBar /> ... -
4 votesanswersviews
无法在尚未装入的组件上调用setState
这是我第一次面对这个警告信息 . 无法在尚未装入的组件上调用setState . 具体情况如下: 这是一个无操作,但它可能表示您的应用程序中存在错误 . 相反,直接分配给this.state或定义state = {}; MyComponent组件中具有所需状态的类属性 . “ not yet mounted ”部分实际上几乎没有意义,因为触发问题的唯一方法是通过单击需要安装的组件中的按钮来... -
0 votesanswersviews
react-mobx - 存储显示为函数而不是返回值
我正在尝试将mobx添加到现有项目中 . 该项目使用create-react应用程序启动,弹出,然后我在它上面添加了mobx . 到目前为止这是我的商店: 从'mobx'导入{observable,action,computed} export default class timerStore { @observable message = 'THIS IS FROM THE STORE'... -
1 votesanswersviews
React Mobx Firebase.onAuthStateChanged侦听器
我总是将 auth.onAuthStateChange().then(user => ... 放在顶级React组件的 componentDidMount() 中 . 然后我会删除 componentWillUnmount() 内的监听器 我的问题是我如何看待这个?我的想法是这样的: class Store { @observable user = null @action kill... -
1 votesanswersviews
React-router链接更改URL但不重新呈现
我'm using MobX to render some orders with React and React-router. When I' m使用链接URL更改,但视图未呈现 . 当我刷新页面时,视图应该是它应该的 . 我搜索了一会儿,发现了MobX观察者阻止重新渲染的here因为它使用了shouldComponentUpdate . 我尝试使用location方法,因为prop更改并应该... -
0 votesanswersviews
向Mobx可观察数组添加操作
我刚刚开始使用Mobx,我正在尝试添加一个从可观察数组中删除项目的操作 . 我究竟做错了什么? 这是商店: class ToDoStore { @observable items = []; @action addItem = (item) => { this.items.push(item) } @action remove... -
0 votesanswersviews
使用create-react-app设置Mobx时出现的问题
我在设置Mobx时遇到错误,有人能给我一个简单的步骤吗?我是React的新手,我仍然不知道它附带的文件 . Here's what I did: 使用了create-react-app 弹出的应用程序 Ran npm install --save mobx mobx-react 运行npm install --save-dev @ babel / plugin-proposal-d... -
0 votesanswersviews
与mobx装饰器反应原生抛出错误
我构建反应本机应用程序(版本0.49) . 我安装了mobx react和babel-plugin-transform-decorators-legacy来使用装饰器 . 然后,它向我展示了一些错误,它不能识别装饰器,所以进入jsconfig.json我添加 "compilerOptions": { "allowJs": true, &quo... -
0 votesanswersviews
尝试安装MobX但在启动服务器时出现装饰器错误
当我安装Mobx和Mobx反应时,我收到以下错误 . ./src/index.js Error: The 'decorators' plugin requires a 'decoratorsBeforeExport' option, whose value must be a boolean. If you are migrating from Babylon/Babel 6 or want ... -
3 votesanswersviews
React-MobX错误:'decorators'插件需要'decoratorsBeforeExport'选项,其值必须是布尔值
我收到以下错误:如果您要从Babylon / Babel 6迁移或想要使用旧的装饰器提议,您应该使用'decorators-legacy'插件而不是'decorators' . package.json "@babel/plugin-proposal-decorators": { "version": "7.1.2", ... -
1 votesanswersviews
故事书打破了MobX / MobX-React?
我已经确认它100%虽然我不能区分node_modules来确定如何 . 但这是问题所在 . 版本: "react": "^16.6.3", "react-dom": "^16.6.3", "mobx": "^5.6.0", "mobx-react": &qu... -
6 votesanswersviews
如何使用react-native-navigation将单屏应用转换为基于选项卡的应用?
我正在尝试反应原生导航,但我遇到了一个简单的问题 . 该应用程序有一个登录页面,没有标签 . (非常类似于facebook登录页面)(图片参考 - The image is just to give an idea. Image Courtesy - Google用户登录后,我想转换为基于标签的应用程序,我想要两个标签的不同导航堆栈(因为它发生在像 Quora 这样的应用程序中)(图像ref ... -
1 votesanswersviews
使用mobx与反应功能组件和没有装饰器
我正在尝试让MobX与功能组件一起工作 . 我想这样做而不必使用装饰器 . 我已经使用create-react-app设置了一个应用程序,添加了MobX和MobX-react作为依赖项 . 但是,我似乎无法在功能组件中使用observable . import React from 'react'; import { extendObservable } from 'mobx'; import {... -
2 votesanswersviews
Mobx @computed函数带参数
我是Mobx的新手,但到目前为止它一直很好用,我已经成功了 . 我有一个反应本机应用程序与mobx和mobx-persist . 我正在使用axios从Wordpress网站上提取帖子 . 我正在努力改进的功能是“添加到收藏夹”功能 . 这是我的PostsStore: export default class PostsStore { // Define observables and pers... -
1 votesanswersviews
如何以及何时设置mobx域对象属性?
我说我有一些盒子,我想在屏幕上以某种布局定位,其中每个盒子的位置取决于所有其他盒子的位置(想想力导向布局或类似) . 还有一个重新布局发生取决于一些其他 @observable 变量,例如 sorting 按框的大小或 filtering 按类别 . 此外,这些框是交互式的,如果用鼠标悬停,则获得 highlighted . 我也希望这个在框数据中反映为框上设置的 highlighted 属性 ... -
0 votesanswersviews
已解决 - 商店更改不会在组件中重新呈现计算功能
EDIT 昨天我正在解决这个问题,我想出来了 . 不幸的是,这不是我提出的代码中的问题= / 问题是我的PHPStorm自动添加了来自' mobx/lib/mobx ' (and should be just ' mobx '的mobx元素的导入 . 这导致打开另一个mobx实例 . 我遇到React / MobX从Component看到商店变化的问题 . 这是我得到的: Store: ... -
1 votesanswersviews
将组件和道具作为参数传递
我试图基于MobX可观察值在App.js中呈现一个组件 . 我想定义一个采用组件和一些新的自定义道具分配的动作 . 这就是我现在拥有的: // App.js inside render() { ui_store.main_area_sequence } . // ui_store.js // OBSERVABLES / state main_area_sequence = <Choose...