mobx

1热度

1回答

与React状态很容易设置新值，这是呈现某些输入的条件，然后使用状态回调将焦点集中到该输入。 handleToggleInput() { const showInput = !this.state.showInput this.setState({ showInput },() => showInput && this.refs.input.focus()) } rend

1热度

1回答

MobX中的事件：从商店的行动中查看的调用方法

如何从MobX中的商店的异步操作调用视图方法？例如，我有一些代码，就像这样： @action someAction() { longOperation() .then(() => { }) .catch(error => { }); } 当该功能是成功或失败，鉴于一些方法应被调用，例如，显示错误对话框，或致电push方法上Navigator。目前，我有想法：

-1热度

1回答

电子不允许加载本地资源

我正在使用使用MobX框架的React应用程序到Electron。我有成功加载MobX有反应，但是当我尝试用电子来包装它，我有一个控制台错误消息not allowed to load local resource 我的包JSON： { "name": "electron-stuff", "version": "1.0.0", "description": "",

2热度

1回答

如何在MobX中定义一个可观察的地图作为一个类的成员

ALl：感谢您的回复。 MobX上的第一天，只是想知道我的用户装修器里面ES6类，我怎样才能定义可观察map member而不是观察object member？ class Store { @observable attr = {} // I only define an Object member but not a map member }

1热度

1回答

如何更新值以便Mobx导致渲染？

在下面的基本示例中，其中包括（a）类型（类），（b）存储（类）和（c）组件（类），但我不清楚如何更新存储实例（“MyPanel.MyItems”），以便Mobx观察值的变化，并有效地重新呈现MyList。我是下面的例子，据我所知$r.MyItems.Items[4].OnlineStatus = 0/1应强制重绘。而事实并非如此。 class MyItem { id = 0;

1热度

1回答

如何在React中创建可过滤表格

我正在React中创建可过滤表格，并且不断收到一个错误store.showFilteredResults.map is not a function。我正在使用MobX来管理我的应用程序状态。这里是商店： class AppState { @observable searchValue = ""; @observable donors = [ {id: 1,

0热度

2回答

当使用React with MobX时，可以直接修改状态吗？

我不应该这样做的唯一原因是让反应更新视图。 https://facebook.github.io/react/docs/state-and-lifecycle.html#using-state-correctly 但似乎MobX反应为我做这些肮脏的工作。我只需要将this.state标记为可观察，并且一切都按预期工作。有什么缺点吗？我不想把所有的州都放进一家大商店。 JSFiddle link 代

1热度

1回答

使用代理服务器与mobx存储

我有一个应用程序与反应和mobx，我想分开所有记录用户交互（动作调用）从Mobx存储，所以我做了一些搜索，我发现代理模式是这个最好的方法工作人员和我的问题是我如何在我的情况下使用Mobx和代理。谢谢你的

0热度

2回答

MobX不会访问数组值

我在MobX使用数组有点失落，我试图访问阵列的价值，并用它做什么，但它的作用非常怪异。例如： console.log('arr arr', this.props.arr) // ["test1, "test2", "test3"] console.log('arr arr', Array.isArray(this.props.arr)) // true console.log('arr a

0热度

1回答

如何开始工作mobx + react + ui组件？

在下面的代码中我使用ui组件的项目是以伪时钟的形式表示的。如何让代码工作而不改变实际上是外部库的代码时钟。而决定最重要的是本着mobx的精神。 class ClockStore { @observable data = [ {id: "hour", value: "00"}, {id: "min", value: "00"}, {id: "seco