问题标签 [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 回答
1230 浏览

meteor - Meteor 和 React:模板事件

我正在玩 Meteor 和react-meteor。但是,我似乎无法理解模板事件处理在使用 react 时是如何工作的(如果它甚至可以的话)。

索引.html:

库/组件/testform.jsx:

index.js:

我什么都得不到。

我的代码或方法有问题吗?如果接近,处理事件的正确方法是什么?

0 投票
1 回答
96 浏览

meteor - 如何制作一个使用计数器响应式计算值的函数

我是流星新手,我尝试使用 tmeasday:publish-counts 包发布一些计数。当我刚刚读取计数时,反应性开箱即用,但是当我在 Template.helper 函数中使用计数时,当计数发生变化时,该函数不会更新。

这是我所拥有的:

  • 在服务器上:

    /li>
  • 在客户端:

    /li>
  • 在我的模板中,我有一个:

    /li>
  • 它使用这个子模板:

    {{getPublishedCount 'searches'}} 更新正常。它只是获取我的“搜索”计数器并在计数器更改时更新。

但是,子模板中的计数器在启动时执行良好,但在任何依赖计数器发生更改时从不更新。

所以我的问题是,我如何以及在哪里让我的 nbSearchesThisWeek 助手对依赖计数器值的更改做出反应?当我阅读有关 Deps、Tracking 和 ReactiveVars 的文档时,我感到非常困惑……我真的不明白应该在哪里使用这些东西来使我的用例工作……

谢谢你的帮助。

菲利普

0 投票
0 回答
467 浏览

javascript - 在 Meteor 应用程序中反应 DnD

我正在使用我的流星应用程序做出反应,我需要将与项目列表集成。

有 aItemList.jsx和 aItemRow.jsx因为项目本身有文本、链接、图像等。

ItemRow.jsx

ItemList.jsx

我暂时还没有使用 Meteor react,ItemList但我希望能够先拖放重新排序,因此非常感谢任何帮助我走上正轨的帮助!

0 投票
2 回答
148 浏览

meteor - 如何在流星中构建反应式 Web 服务支持的集合

我对 Meteor 很陌生,并开始编写一个连接到非基于 Web 的服务器的流星应用程序。由于所有数据都应通过此服务器进行路由,因此它具有用于获取和操作相关对象的 REST 接口。

现在我被困在如何为这个 Web 服务构建一个集合上。我尝试使用此处显示的方法:https ://medium.com/meteor-js/how-to-connect-meteor-js-to-an-external-api-93c0d856433b

这适用于获取当前结果。但是当我添加/删除/更新记录时,根本没有更新。

在服务器端,我是这样发布的:

然后在全球范围内,我有一个集合:

我在 React 组件中使用它,如下所示:

在客户端的某个地方,我另外添加了这个(如在howto中):

最后在服务器端,我有一些函数可以进行操作,一次通过 REST 接口,一次在集合上(例如:插入):

我在中阅读了有关该added()功能和类似功能的一些内容,Meteor.publish()但不明白如何/是否可以使用它来启用服务器和客户端或集合和 ui 元素之间的“即时”同步。

所以基本上我想知道如何构建一个不基于数据库而是基于 REST 接口的反应式集合。

有人可以给我一些关于如何实现这一目标的建议/提示吗?

0 投票
1 回答
195 浏览

javascript - 修改 Meteor-React ToDo 列表示例以显示在时间范围内创建的列表项

我正在通过这里找到的 Meteor-React Todo 列表教程https://www.meteor.com/tutorials/react/creating-an-app

根据8.4,我们可以添加一个按钮来隐藏已选中的待办事项。我们通过在数据库中查询检查为真的项目来做到这一点。

如果我只想显示最近 30 分钟内创建的待办事项,即待办事项在 30 分钟后过期,我会将查询设置为什么?

我的猜测是这样的

0 投票
1 回答
310 浏览

meteor - Meteor 和 Reactjs 组件按需加载

我正在启动一个大型应用程序,需要有关设置文件夹结构和所有内容的建议。所以我不确定 Meteor 启动时是否将所有组件加载到一个文件中(如果所有组件都在 client/ 文件夹中)

如果它没有加载所有组件并将其最初发送给客户端,则此问题已得到解答。如果 Meteor 确实将所有组件发送到浏览器,那么需要一种方法来修复它。

目前我有 70 个组件,并且不想在初始页面加载时将所有这些发送给用户。

0 投票
1 回答
1331 浏览

javascript - HammerJS 与 Meteor 和 ReactJS 的集成

我希望将 Hammer JS 添加到我基于 Meteor 和 React 构建的应用程序中。集成不同的库时遇到问题。

目前,我尝试了一些不同的可用库,例如​​: https://github.com/JedWatson/react-hammerjs,但我收到此错误:

在此处输入图像描述

我也研究过: https : //atmospherejs.com/chriswessels/hammer 但是,它看起来并不支持 ReactJS。如果有人可以帮助我指出正确的方向,或者指出他们所做的事情,请告诉我!

0 投票
0 回答
95 浏览

meteor - 如何使用 getMeteorData() 在服务器和客户端上处理相同的查询?

我最近开始使用 Meteor(与 React 结合使用),但有些事情我无法理解。

假设有一个视图,用户将看到他的“东西”,但管理员帐户将看到所有“东西”。

在客户端我有这个代码:

在服务器上我有我的发布方法:

这对管理员来说工作正常。用户虽然可以在列表被过滤之前看到所有类似 1 的东西,但他只能看到他的东西。我认为这是预期的行为,因为我在 getMeteorData() 的返回方法中查询了所有数据。

不过我的问题是:如何立即为用户返回正确的数据?出于明显的原因,我不想在客户端代码中进行“管理员检查”。

0 投票
1 回答
610 浏览

meteor - 组合meteor+react+react-bootstrap所需的包

我单独使用以下软件包并组合使用

当我使用该react软件包时,引导程序不起作用。

如果我使用firfi:meteor-react-bootstrap,则反应包不起作用。

当我使用这两个包时出现错误

未捕获的错误:不变违规:addComponentAsRefTo(...):只有 ReactOwner 可以拥有 refs。这通常意味着您正在尝试将 ref 添加到没有所有者的组件(即不是在另一个组件的render方法中创建的)。尝试在一个新的顶级组件中渲染这个组件,该组件将保存 ref。

任何人都可以建议一个包reactreact-bootstrap for meteor吗?

我的代码

0 投票
1 回答
1161 浏览

meteor - Meteor helper 不会在 Reactive var .set() 上刷新

我在autorun. 相同的反应变量用于helper. 但是helper值不会按autorun功能刷新。我下面的代码会清楚地解释你。

在处理数据或使用方面有什么问题吗?如何使助手可行?