问题标签 [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 投票
3 回答
21622 浏览

javascript - React 通过设置为变量的 refs 查找 DOM 节点?

我正在动态创建多个文本输入(使用动态创建的参考)以及我想用输入更新的文本。

我试图通过将 ref 设置为变量并使用 React.findDOMNode(this.refs.Variable).value 找到 DOM 节点来获取输入的值

我收到“无法读取 null 的属性‘值’”错误。

我怎样才能做到这一点?

这是函数的样子:

0 投票
1 回答
131 浏览

meteor - 在匿名函数中获取 ReactiveVar

我正在使用meteor reactive-var 包。如何在模板的 js 文件中定义的匿名函数中获取反应变量?查看器.js:

谢谢。

0 投票
1 回答
105 浏览

mongodb - 注销后删除 Meteor+React 用户名

我正在尝试使用 React 和 accounts-base、accounts-password 包实现自定义登录。

登记

登录

登出

注册效果很好,并创建并登录了一个新用户。如果我转到控制台并键入

它返回刚刚使用 _id 和电子邮件字段创建的用户。

当我注销时,电子邮件字段消失,用户只有 _id 字段。

如果我尝试登录它说

我不明白为什么只删除了电子邮件字段但用户对象仍然存在。注册和注销中均未显示错误。我不知道为什么会这样。

谢谢你的帮助

0 投票
0 回答
3987 浏览

meteor - 流星和反应拆分将流星应用程序分解为针对移动设备和桌面的程序包

我想将我的流星应用程序拆分为 web 和移动/cordova 部分,但是我不想复制代码也不想创建 2 个单独的项目。我也想使用 React 而不是 Blaze,因为我更熟悉它(最近才开始使用流星)。有很多讨论如何更好地为 web/mobile 拆分你的代码(只是谷歌),但是我喜欢本地包方法并决定让它工作。

我发现了这个很棒的github 存储库,它展示了如何拆分 web 和应用程序代码,但是在添加 react 时我正在努力实现类似的结果。因此,如果有人有关于如何做的回购或帖子,请分享。如果不是,也许我们可以通过在此问题中提供分步指南来为其他开发人员提供便利。

我没有对流星中的包裹做过任何事情。所以请耐心等待:-)

目前,我什至正在努力使一个包在我的流星应用程序中工作。到目前为止,我有以下内容(在创建和清理流星应用程序之后):

1)运行以下命令

meteor create --package app-base

2)在项目文件夹中创建root.html并填充它

3) 向 app-base.jsx 添加了一些代码:

4) 添加 App.jsx:

5) 将 react 和文件添加到 package.js:

6) 将 app-base 添加到 .meteor/packages 文件

此时构建,但打开浏览器窗口时出现以下错误:

似乎 Meteor.startup 在渲染 DOM 之前运行?

更新:我console.log(document.getElementById("render-target")之前添加了ReactDOM.render,这是null出于某种原因......我也试过了

接着

现在它在页面上呈现 Hello World!甜的!虽然不确定这种方法的可靠性。同样在项目目录中删除html文件后,应用程序仍然有效

0 投票
1 回答
1752 浏览

javascript - 在 ReactJS 前端使用 Meteor 反应变量

所以我一直在使用 ReactJS 作为 Meteor 的前端,除非我遗漏了什么,否则我不确定如何使用 reactive-var 来更新我的新闻提要。以下是我现在拥有的代码:

目前,当我单击较新的按钮时,它似乎确实增加了页面变量,但它永远不会超过 1,并且较旧的按钮似乎会将它从 1 带回 0,但我不是 100% 确定。我不确定反应变量有什么问题,我知道它与 Blaze 的工作方式不同,这很明显,但我似乎找不到任何解释或示例来说明如何使用它们。

如果有人可以通过示例、更正或只是链接到一个体面的文档的链接来帮助我,那将是惊人的。

0 投票
1 回答
1040 浏览

meteor - 在 React 组件中加载 Google 脚本

我正在尝试访问 YouTube Data API v3,但在弄清楚如何在 React 中加载脚本时遇到了一些麻烦。this.init()火灾,但我明白了gapi = {}。奇怪的是,当我进入gapi控制台时,它显示为适当的对象。

0 投票
0 回答
166 浏览

node.js - 为什么在我的 metor.js 应用程序中使用 react 时不包含单独的 .jsx 文件

我一直在使用meteor-react 和flow-router 开发meteor.js 和react.js 应用程序。

我从这样的结构开始:

  • 客户
    • 成分
      • 注册.jsx
    • 布局
      • 头文件.jsx
      • 页脚.jsx
      • router.jsx main.html main.jsx

在我的 router.jsx 文件中,我从 register.jsx 文件中调用 RegisterForm 类

});

只要我的所有组件类都在 register.jsx 文件中,这很好用,但是随着我的项目越来越大,我不想将所有类放在一个文件中,而是将 register.jsx 拆分为单独的 .jsx 文件。

例如,我有一个名为 VerifiedInput 的类,它包含用于自定义输入字段验证的额外功能。如果我在同一个 register.jsx 中包含这个类,我可以在我的 RegisterForm 类的渲染函数中调用它,

但是如果我将 VerifiedInput 类移动到一个单独的文件中,那么我的组件文件夹结构将更改为:

然后我收到一个错误:ReferenceError: VerifiedInput is not defined

这似乎表明 .jsx 文件不包括在内。

据我了解,meteor 应该自动在客户端文件夹中包含文件,并且无法使用require() Meteor.js

如何确保包含单独文件中的反应类?

0 投票
1 回答
162 浏览

meteor - 用于在meteor.js 中聚合外部包的包

我正在创建流星应用程序,我决定将它分成包,这样我就可以控制文件加载顺序。但是,许多包具有共同的依赖项(其他外部包),例如reactmeteorhacks:flow-router。我想创建myapp:app具有所有这些依赖项的主包,我的应用程序中的其他包将暗示。

这是apppackage.js:

我有myapp:taskslist一个暗示myapp:app

但是它不起作用。我有一个错误,No plugin known to handle file 'client/taskList.jsx'因为myapp:tasksList没有安装react插件。不应该api.imply()共享打包吗?这个问题有什么好的解决方案?reactmyapp:tasksList

0 投票
10 回答
108871 浏览

javascript - 使用 React.js 检查属性是否存在

我是使用 react.js 的新手,并且正在尝试编写一个可重用的组件,该组件具有传递给它的可选属性。在组件中,该可选属性使用流星从数据库中提取数据,然后我想检查返回的对象上是否存在属性(任务中存在 parent_task),如果存在,则添加一个链接。这似乎相当简单,但我不断收到错误。有人对我可能遗漏的内容有任何建议吗?有没有我错过的 jsx 陷阱?

0 投票
1 回答
35 浏览

mongodb - minomongo 和发布者之间的流星反应问题

我正在处理文档列表中的排序选项。相同的排序查询同时具有发布者和客户端。如果两个或多个文档具有相同的排序值。当我更新很多时,我可以看到杂耍。下面的代码将非常清楚地向您解释。

部分产品价格相同。我点击了价格相同的顶级产品。通过点击事件更新文档后。点击的产品到达相同价格文档的末尾。如何解决这个问题?