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

meteor - 添加未在排行榜示例中显示的帐户 UI

我采用了这个使用 React 和 Meteor 的示例实现,并想添加一些简单的东西,比如添加 blaze 登录: https ://github.com/reactjs/react-meteor/tree/master/examples/leaderboard

在本教程之后,我添加了 Wrapper 并将它的呈现为我的 app.jsx https://www.meteor.com/tutorials/react/adding-user-accounts

它编译正确,没有错误,但没有任何显示。有人可以帮助新手吗?!

0 投票
1 回答
228 浏览

javascript - 如何通过反应控制流星数据流?

我正在使用反应和流星,我无法一次从服务器获取数据。组件正在流中获取数据,并且组件的渲染函数被多次调用。

这是我用来从带有 mixin 的 react 组件内的客户端上的服务器获取帖子的代码。

到目前为止,这是从服务器获取所有帖子(那里只有大约 20 个)

如何一次从服务器获取数据,使其不会多次流式传输和调用渲染函数?

0 投票
1 回答
2255 浏览

javascript - 在 React 中,孙辈可以访问祖父母的属性,而无需父母将其传递下去吗?

我目前正在处理我的第一个 React 项目,但遇到了在组件之间传递数据的问题。我正在使用这个库日历小部件来根据列表中的选定项目设置不同的日期。

https://github.com/vazco/meteor-universe-react-widgets

在这个结构中,我的树中有四个交互组件:

我目前正在将所选项目的数据存储在我的顶级组件(组件 A)的列表(组件 B)中。我想要将数据传递给的组件是组件 D。我想要做的是创建一个状态并将值传递给 C,然后再传递给 D。不幸的是,C 是库中的日历组件,我无法真正操作它。

由于我需要 B 中的选择生成的对象由 D 访问而无法操作 C,有没有办法将值传递到子组件的头部?

代码片段:

如何在 A 中调用组件 C(日历),同时传入组件 D(dayComponent)。

日历组件声明&导入

Day 组件返回日历日的样式。

0 投票
1 回答
256 浏览

meteor - 当 ReactMeteorData mixin 存在时,应用程序不呈现

我想要一些关于一个奇怪问题的建议。我创建了一个最小的 Meteor 应用程序

并添加了以下 main.jsx 文件:

这不会渲染任何东西,除非mixins:行被删除!?

这是这个小项目中使用的版本:

更新流星并没有真正帮助:

尝试按照建议手动升级反应显示了一堆冲突:

请指教。

TIA,

圭多

0 投票
0 回答
209 浏览

meteor - React Meteor 组件未更新

我正在将 React 与 Meteor 一起使用,并且无法更新我的数据。这是我在组件getMeteorData()中的代码Conversation

订阅只返回帖子(顶点)的 ID,我使用这些数据来渲染更多组件:

PostThread组件中,我通过 ID 单独订阅每个帖子,以根据需要获取其余数据。但是,当我从 Vertices 集合中删除某些内容时,该Conversation组件似乎没有更新。我可以在 MeteorToys 中看到客户端上的 Vertices 集合已删除了一个帖子,但这种更改有时不会反映在 UI 中。有时,当帖子被删除时,UI 会正确更新,但有时却没有,我无法找到这种模式。

0 投票
0 回答
985 浏览

meteor - Meteor + React + ReactRouter 文件上传

我目前正在使用 Meteor、ReactJS 和 React Router(用于路由)开发应用程序。我有一个要求,用户应该能够上传压缩的网站,并且 Meteor 应用程序需要将此网站显示为其中一个页面的一部分。

一个典型的 zip 文件将包含类似的模式,如下所示,

我已经设置了 CollectionFS 来将 zip 文件存储到文件系统中,并使用 meteorhacks:npm 和几个 npm 包,我能够将该文件解压缩到已知位置。

在 React 组件上,我正在使用以下代码片段上传压缩的 HTML 内容。

上传和解压缩工作。但是,CollectionFS 不提供解压缩路径中的 HTML 或其他内容。

我还尝试将 html 内容解压缩到流星文件夹结构的公用文件夹中。但是,meteor 文档指出公用文件夹是用于静态资产的。因为它维护公用文件夹中资产的索引。所以它需要重新启动服务器来更新索引。

是否有任何其他位置可以放置可以按原样提供的 HTML 内容?

更新我通过设置 nginx 虚拟目录并将文件上传到该位置来解决此问题,以便 nginx 将提供 HTML 内容。

0 投票
1 回答
63 浏览

meteor - 无法从 React 中的 Meteor 访问数据

尝试访问根页面时,我得到一个没有布局的空白屏幕。我检查开发人员工具并在 App.jsx 中收到错误

这是我的应用组件:

我不确定问题可能是什么,我正在按照教程进行操作。

0 投票
1 回答
522 浏览

meteor - Meteor React - 为什么 React 组件在 React Mounter 与 Kadira 的 React Layout 中定义不同?

我期待 Meteor 1.3,这样我就可以导入 React 组件,而不是将它们作为全局变量。

一直在关注本教程(https://voice.kadira.io/getting-started-with-meteor-1-3-and-react-15e071e41cd1),我注意到我将不得不使用 React-mounter 而不是 React-Layout 从卡迪拉

在这些文档中:

https://github.com/kadirahq/react-mounter

我看到 React 组件是这样定义的:

而不是这样的

你能帮我解释一下这里发生了什么吗?另外我该如何使用这种新风格?在哪里定义所有的属性、方法、mixin 等?

另外作为一个附带问题,我注意到 React 是作为 npm 包添加的,而不是使用Meteor add react. 这是我们现在应该如何添加反应的方式吗?

0 投票
1 回答
526 浏览

javascript - 在 Meteor React 应用程序中使用 Mongo 集合时,返回一个空数组 []

在 Meteor React 应用程序中使用 Mongo 集合时,返回一个空数组 []。我使用的是Github 的“react-meteor-template”

我宣布

Posts = new Mongo.Collection("posts");

在 Collection.js 文件中。

以下是我获取空数组 [] 数据的地方

0 投票
0 回答
161 浏览

mongodb - 组件渲染两次,第一次数据正确,第二次使用 Meteor + React + FlowRouter 在 find() 上数据变为空

我目前正在使用 Meteor + React + MongoDB + FlowRouter。我想将选定的课程添加到我的课程中。

我成功地在 Course.jsx 中插入数据并转到 MyCourse,但我不知道为什么它会渲染两次,第一次我的数据正确打印在控制台上,但第二次数据 find() 为空 []。

[ { _id: '3nHTJb9gjNWi2JqZL', user_id: 123, course_id: [ 1, 2 ] } ]

客户端/组件/Course.jsx

客户端/组件/MyCourses.jsx

lib/Router.jsx

服务器/publish.jsx