问题标签 [meteor-react]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
592 浏览

javascript - 登录时的错误处理

我目前正在尝试使用 Meteor 和 React 来做一个应用程序,但我一直在做登录表单。确实,我想用来ReactComponent.state保存表单的错误并显示它们

不幸的是,这似乎不起作用(它会引发警告):

您可能不需要它,但这是renderReactComponent.state用来显示错误的函数

Meteor.loginWithPassword是在函数内部handleSubmit。我想这ReactComponent.state不能在回调中更新,但我不知道为什么以及如何使它工作。

当然,我没有忘记initialState组件的:

谢谢

0 投票
1 回答
68 浏览

javascript - Bootstrap modals 填充了相同的单个值 - Meteor+React

问题1:已解决

问题2:??

我正在学习 react+meteor+bootstrap 并使用它们为名为组合的简单模型实现 CRUD。我被“CRUD”中的“U”卡住了。

以下是代码。

因此,如您所见,上面的代码包含三个反应组件。一个 List 组件、一个 ListItem 组件和一个包含用于编辑/更新元组的表单的 Modal 组件。

现在,我有两个问题。

1)当我单击特定列表项的“编辑”按钮时,模式打开,这很好,但是需要更新的文本框中的填充值始终是列表中第一项的值 no无论我点击哪个项目的“编辑按钮”。

2) 模态中存在的表单的表单提交事件由于某种原因没有被触发。

我已经多次挖掘整个代码,但不知何故,我无法找到问题的原因。

解决方案 问题#1:html 只为列表的所有行创建了一个模式,因为 id 是固定的,即“MyModal”。为了解决这个问题,我为每个列表项分别创建了一个模式,当然具有不同的 id。有效。

0 投票
1 回答
2353 浏览

meteor - 在 React 组件中调用 Meteor 方法

目前我正在开发一个基于 Meteor 作为后端和 React 作为前端的项目。在我删除insecure包并不得不处理 Meteor 方法之前,我真的很喜欢简单。现在我需要执行一个基本的插入操作,我只是卡住了!我有一个表单作为组件(以防最终我想使用这个表单不仅用于插入项目,还用于编辑这些项目),这是我的这个表单的代码:

这段代码用作表单组件,我有一个道具submitAction,我在假设添加视图中使用它:

如您所见,我直接通过 ID 获取值,然后执行insert绝对正确的操作,我什至可以显示这些数据。所以现在我必须删除包并使用我实际卡住的地方insecure重建整个操作堆栈。methods据我了解,我应该做的就是获取相同的数据,然后执行Meteor.call,但我不知道如何将这些数据正确传递到当前的方法调用中。我尝试在不起作用的方法主体中考虑这些数据(我使用了与视图中相同的const集合AddItem)。如果我错了,请纠正我,但我认为这种方法不知道我在哪里获取数据(或者我可能并没有真正了解 Meteor 的方法工作流程),所以此时我最终得到了这段代码我的插入方法:

这就是我改变我的handleSubmit功能的方式:

我也尝试过这样声明方法:

但这对我也不起作用。同样,据我所知,问题不在于数据本身,正如我在它与insecure包一起工作之前所写的那样,问题是我应该如何首先在服务器上获取这些数据,然后将其传递给客户端使用方法(控制台也没有给出任何警告,并且在我提交表单后,页面重新加载)?我已经在网上看到了一些教程和文章,但没有找到决定,希望在这里得到帮助。

0 投票
0 回答
48 浏览

reactjs - 将流星数据传递给动态反应孩子

我正在使用 Meteor 和 React。我也在使用 getMeteorData() (是的,我知道 mixins 可能有一天会死掉)。加载它的组件中的数据很好,但我想将它(或它的一个子集)与其他道具一起传递给动态子项,如下所示:

我错过了什么和/或如何将流星数据与其他道具一起传递给动态孩子?

TIA

0 投票
0 回答
45 浏览

meteor - 为什么 Meteor kadira FlowRouter url 以“?”结尾

为什么我的网址以a结尾?我称FlowRouter.go(/score/ + this.props.courseId)它不应该以 ? 结尾。我正在使用流星反应。

http://localhost:3000/score/k5QKvkFet5wteAg2r?<----问号?

在我的调试中显示

路由器.jsx

0 投票
0 回答
165 浏览

javascript - 嵌套元素的麻烦:Material UI Meteor React

尝试IconButtonMenu在流星/反应中使用 Material UI 添加到列表时,我收到此错误:

警告:失败的 propType:rightIconButton提供给的 prop 无效ListItem,需要一个 ReactElement。检查Request.

我的代码如下:

它似乎不喜欢嵌套元素。我尝试使用 const 作为文档中的示例,但得到完全相同的错误消息。

0 投票
0 回答
102 浏览

javascript - Meteor/ES6 模块 - 导入和导出所有内容的单个文件

我正在将我的 Meteor 应用程序转换为 1.3 (rc.10),我想要一个文件来导入我所有的组件、包等。我的组件可以从中导入,而不必每次都输入导入文件路径。我之前已经多次看到过这种情况,并且我自己使用其他框架(Backbone/requireJS)完成了它。

我遇到了一个似乎几乎是某种循环需求/依赖的问题,因为一切都是未定义的。

所以我把它分成 2 个文件,一个用于包(npm 包、meteor 包等),另一个用于我的组件。当我这样做时,包文件工作正常,但在组件文件中它们仍然是未定义的。

我有一个测试回购以进行更多说明

0 投票
0 回答
305 浏览

meteor - Meteor 1.3 - 延迟加载或评估文件

modules对 Meteor 1.3 中的 ES2015 感到非常兴奋。我们使用 Meteor 1.2 编写了一个中等复杂度的应用程序。由于我们有大量的模板和文件,在客户端下载内容需要一些时间。所以我对使用import. 从流星之夜谈话中,他们说 Blaze 模板仍然是全局的,无法导入(或延迟加载),我尝试使用ReactinsideBlaze

  • 添加react-template-helper包使用meteor add react-template-helper
  • 创建imports文件夹并添加testComponent.jsx导出“TestComponent”的文件

    /li>
  • 在 Blaze 模板外部imports文件夹中之后,

    /li>
  • 在模板的 js 文件中,该文件也在导入文件夹之外

    /li>

这有效,但在imports/testComponent.jsx客户端下载(使用 chrome 开发工具 - 源选项卡检查),即使当前路线不需要homeReact模板。

然后我用require而不是import这样,

这段代码也下载了imports/testComponent.jsx文件,但另外我也得到了一个错误

在模板“homeReact”中,调用{{> React ... }}缺少的component参数。

所以,我的问题是,是否可以仅在需要时延迟加载(下载)文件?

0 投票
0 回答
166 浏览

meteor - React Meteor:子组件容器中的父数据

我正在关注官方流星指南 1.3 以及如何集成反应。该指南没有彻底解释容器模式的用法。我的问题是如何将父组件数据传递给子组件的容器,以便我可以使用父组件的 _id 参数编写子组件?还是我对这种模式有误?我是否应该只写一份发布所有子组件数据的大型出版物?在 blaze 你有 Template.parent.data() 功能。我是 React 新手,请原谅。

0 投票
3 回答
321 浏览

meteor - Meteor 1.3 - 在道具更改时未触发渲染

我最近更新到流星 1.3 并且我在使用 createContainer 函数时遇到了问题。当道具改变时,应用程序应该重新渲染,但是,它没有发生。我正在使用此页面中的示例,但没有发生任何事情,该应用程序仅显示标题。不存在错误。

任务.js:

我被困的时间比我愿意承认的要长,我错过了什么?