问题标签 [meteor-react]

我有一个简单的 Meteor 订阅，并在加载数据时显示加载消息。但是如果订阅失败，我不知道如何显示错误消息。

问题是，订阅对象没有failed()方法，只有ready()查询。如何将订阅失败作为createContainer()方法中的道具传递？

我知道该Meteor.subscribe方法在这种情况下有一个onStop回调，但我不知道如何将它粘合在一起以传递属性。

我想知道父/子组件之间通信的最佳实践是什么。我已经阅读了这篇关于通信和组件状态的博文，但没有找到解决我的问题的正确答案。

考虑以下组件。我的父组件是一个List，它从父组件中的对象呈现几个Tasks（子组件）。

所以我的问题是：

1. 将对象传递给每个任务组件是最佳实践吗？
2. 当 Task 组件中的值发生更改时，父组件如何知道这一点？因为父母应该知道所有孩子的信息。

那么这是一个正确的使用模式吗？

在我的父组件中，我在渲染函数中有这个：

我的任务子组件如下所示：

那么如果输入字段的值会发生变化，那么父组件中的taskobj是否也会发生变化呢？在这个例子中没有。但是这里的正确模式是什么？

Due to the fact that I am new in meteor/react I can't figure out how to initialize my state variable.

My problem is that I would like to get

1. my mongo collection through the createContainer from react-meteor-data (as described here),
2. use the initialized prop to intialize the state variable

But the prop in the constructor is empty. Only when I the "gotClicked" function is called the prop.allLists is filled with the data from mongo.

Does anyone know why? My guess the data is loaded asynchronously, so that the data is not available yet in the constructor. What would be a better way to get the data?

也许我在这里遗漏了一些东西，但我没有让数据从我的数据库流入我的组件。

我正在使用服务器上的 simpleSchema/collection2 使用 react 和 meteor (w/mantra)。据我所知，我的发布/订阅设置正确。

我已经用 mantra cli 构建了一些东西。（顺便说一句很棒）这是我的设置：

组件：（客户端/模块/组件/sidebar_hubs.js）

容器（客户端/模块/容器/sidebar_hubs.js）

发布：（服务器/publications/hubs.js）

我在这里遗漏了什么？

我在meteor中有一个带有webform的react组件。以下代码可以正常工作并在控制台中打印hello addtile：

但是，如果我尝试向 web 表单添加输入，我不会从控制台日志中得到任何响应：

我错过了什么？

我开始实现智能/哑组件模式，其中“哑”组件对其环境一无所知，并通过道具接收所有数据。当哑组件必须提交或更改数据时，你会怎么做？怎么能和外界交流，还“哑巴”？

这是我用来找出这种模式的基本示例。如果我要向更新数据库中的计数器的组件添加和onClick事件，什么会处理该事件？MyTask

和应用程序：

我是流星的新手，并试图将流星与 React 一起使用，并按照教程https://www.meteor.com/tutorials/react/collections进行操作。但是我坚持将服务器 api/tasks.js 文件导入客户端 App.jsx。我尝试了所有可能的相对路径，但没有奏效。我在浏览器中不断收到以下错误。

以下是我在代码中的文件夹结构以供参考。

以下是 api/tasks.js 代码供参考

以下是我的流星命令，它没有与此模块相关的任何错误。

请帮忙。

我正在使用 react-komposer 包构建一个带有 Meteor 的应用程序。这很简单：有一个顶级组件 ( App )，其中包含一个搜索表单和一个结果列表。该列表通过 komposer 容器 ( AppContainer )提供的 props 获取其条目。在我尝试实施搜索以缩小列表中显示的结果之前，它工作得很好。

这是我开始使用的代码（AppContainer .jsx）：

应用程序只是呈现出整个条目列表。我想要实现的是将查询参数传递给Entries.find({}).fetch();来自App组件的数据（例如通过文本输入捕获）。换句话说：如何将参数从App （子）组件输入到AppContainer中，以便搜索特定条目并最终重新呈现相应的结果？

为了进一步澄清，这里是 App.jsx 的代码：

提前致谢！

我正在尝试编写一个 React 组件，它通过将集合名称作为道具传递来订阅服务器上的数据。（在示例中，名称仍然被硬编码以保持简单）由于集合名称可以动态更改，我正在调用一个方法来构造发布和服务器集合变量。现在的理论是在父组件中构造数据发布、服务器和客户端mongo集合变量，并在子组件中订阅该发布。父组件是这样设置的：

setupData 方法如下所示：

子 DataObject 组件如下所示：

请注意，我正在 findData() 函数中记录帖子。当我刷新时，控制台记录：

就好像订阅工作然后停止工作一样。我认为这与反应呈现这些组件的顺序有关，并且当客户端尝试呈现子组件时，该方法尚未在服务器上完成。有任何想法吗？

我在 Meteor + React 应用程序中定义了一条路线，如下所示。我想获取帖子并通过道具传递给组件。但是当我在该 URL 上重新加载页面时，我收到一条错误消息，说帖子未定义。当我从站点的其他部分访问时，我可以访问 URL，但在重新加载时不能访问。

也许这不是要走的路，但我希望能够传递自定义帖子，这就是我使用这种方法的原因。是否与 Posts 集合未完全启动有关？如果是这样，我如何等待它启动？