问题标签 [mobx-react]

当使用mobx-react' s组件上的活动类observer的应用程序被破坏。react-routerNavLink

产生问题的设置：

使用创建反应应用程序

包.json

应用程序.js

导航.js

这是问题的简化显示。我的用例涉及实际使用 amobx store创建NavLink's 并使用装饰器。寻找观察者包装器停止应用活动类的原因。react-router-dom

假设我有一个表单，用户需要在其中添加他的个人信息（姓名、名字和邮件），输入产品、金额、颜色和原因。

反应组件（原因）：

如果我想添加一个默认原因，例如Hi ${firstName}, you asked for ${amount} X ${color} ${product}，我将如何做到这一点。我不能为此使用计算函数，因为用户必须能够覆盖原因。当然，每次用户更新默认字符串中显示的字段之一时，默认字符串都需要更新。

提前致谢

• componentDidMount调用api的商店
• api 是一个具有导出fetchVersionsRequest功能的模块
• fetchVersionsRequest使用 Promise 调用 api 端点
• all承诺解决后由商店更新
• Mobx, via@observer将再次调用组件渲染，因为all已更新

请检查评论

主页组件

如何测试组件是否正确呈现？
我想使用快照功能，给一个api返回的列表，组件应该是快照

我的测试主页组件

我的组件有一个方法..

我想测试更改输入后是否调用此方法...

WrappedComponent是因为我使用 Mobx-react

使用 mobx-form 我试图在表单加载时设置标记复选框以选中。设置值或选中的属性似乎不起作用。

...

完整示例代码https://codesandbox.io/s/N914WNRpv

我目前正在为待办事项应用改编 Mobx 教程。链接 我想要做的是为每个呈现的列表项添加一个简单的计数器按钮。我认为这会很简单，但我一定是在犯语法错误，因为我无法让事物正确网格化。我现在遇到的主要错误是“数组或迭代器中的每个子项都必须具有唯一的‘键’属性”。我想我可以通过在每个计数器中添加一个 uuid 来解决这个问题（计数器是导致错误开始出现的原因）。唉，我似乎找不到解决方案。

这是应用程序的 github 存储库：https ://github.com/Darthmaul/UmCount

具体来说，该文件是收到最多修改的文件。我还添加了一个“counterstore.js”文件来保持计数器的存储完好（这似乎失败了）。

任何帮助，将不胜感激。在这一点上，我只是不知道什么是错的，什么是对的。

谢谢，

安德鲁

我正在尝试使用 react-native-navigation，但我遇到了一个简单的问题。

该应用程序有一个没有标签的登录页面。（非常类似于 facebook 登录页面）（图片参考 - 图片只是为了给出一个想法。图片礼貌 - Google 用户登录后，我想转换为基于标签的应用程序，并且我希望两者都有不同的导航堆栈选项卡（就像在Quora这样的应用程序中发生的那样）（图片参考 -同样图片只是一个参考）

我正在使用 mobx 进行状态管理。

我知道这是一个常见的用例，但我对我知道的两个选项感到困惑 -

1. 提供对用户登录变量的反应，并从单屏应用程序更改为基于选项卡的应用程序。（唯一的问题是当对 isLoggedIn 的反应发生时缺少动画）例如 - App.js

   }

   /li>

2. 使用单屏应用程序，但在主屏幕中实现选项卡。使用这种方法，我必须自己为两个选项卡实现不同的导航堆栈。（react-native-navigation 已经实现了这个。所以，不用担心方法 1 中关于导航堆栈的问题）

例如 - App.js

主页.js

在 react-native 中管理选项卡的最佳实践是什么？在我的用例中，我应该使用哪种方法？

我一直在尝试让 MobX 与我的 React 项目一起工作。我已经按照babelrc配置进行了安装transform-decorators-legacy，但似乎我Parsing error: Unexpected character @在尝试运行我的项目后得到了。

这是我的 babelrc：

Webpack 开发配置：

我错过了什么？

这是给出错误的代码（Store.js）：

这是我的.eslintrc文件：

错误信息：

我有一个地图反应组件，我正在动态添加标记。问题是当我在商店中添加标记时，整个地图会重新呈现，而不是仅仅将标记附加到地图上。有没有人对如何解决这个问题有任何建议？我很确定我需要将商店专门注入 CPMap 功能，我只是不确定如何。

我的应用程序已经发展到一定程度，同一父母的孙子孙女之间的可靠性变得一团糟 - 我需要状态管理，而 MobX 是选择，因为应用程序的复杂性和团队规模相对较低（它只是我）。Redux 似乎有点矫枉过正。

我正在尝试学习 MobX，但对如何将它与 Ajax 调用等集成有点困惑。我正在使用 Axios 从 REST API 获取数据。

我当前的组件结构是分层的，如下所示：

我axios在 Child 1 和 Child 2 中都发出 get 请求，将其调用 in componentDidMount，并使用单向数据流将数据向下传播给子代，就像在 React 中通常那样。

假设我的<Child 1/>组件现在看起来像这样：

现在我切换到 MobX 后，它应该在结构中的axios.get什么位置，以及如何从其中访问它Child1？

假设我有不同的axios.get调用，它们是否都应该存在于一个store.js文件中并被调用this.props？