网站搜索

javascript - 当使用 REST API 时,Meteor 是否保持响应性

我计划使用 Qualtrics REST API,以获取调查收集的数据。我还能直接通过 REST API 保持 Meteor 的响应性,还是应该将 REST API 的数据保存到 MongoDB 中,以便在应用程序中实现实时更新?

任何建议和进一步的阅读都会很棒。

这听起来可能像一个菜鸟问题,但我刚开始使用 Meteor 和作为服务器端代码的 JS,并且以前从未使用过网络 API。

答案#1

这完全取决于你如何处理它返回的数据。假设你要么是定期轮询,要么 API 有某种推送服务(我以前从未听说过,所以我不清楚),你需要将它返回的数据存储在一个响应式数据源中:可能是 Collection 或 Session 变量,这取决于所需的持久性。任何访问这些结构的 Meteor 模板都内置了响应性,如此处文档所述。

显然,为了让这个设置有效,你可能需要以适当的频率轮询 API。看看 Meteor.setInterval,或者 meteor-cron 包,这可能更可取。

阅读更多 →

javascript - 在 React/Flux 中管理存储数据依赖

我有一个使用 Facebook 的 Flux 架构开发的网页应用。该页面有两个视图:一个显示 TODO 项列表,另一个显示一组随机的 TODO 项。

显然有两个需要商店管理的问题。第一个是可用待办事项的列表。第二个是随机选择的待办事项列表。

因此,我有一个 TODOStore,它唯一关心的是管理可用的 TODO 项。它有 loadTODOs、addTODO、deleteTODO、editTODO 等操作。在启动时,这个存储不会加载所有的 TODO 项。我希望它只在必要时从数据库中检索 TOD

阅读更多 →

reactjs - @internal JavaScript 文档标签在 react 代码中,这是 jsdoc、closure 还是其他什么?

我注意到 React 在文档中使用了 @internal 标签。是什么程序使用了这个标签?是 jsdoc 还是其他什么?Google Closure Compiler?我在 http://usejsdoc.org/ 或 Google Closure Compiler 的文档中找不到这个标签。它的用途是什么?

这里是一个例子 -

/** * Warn for mutations. * * @internal * @param {object} object * @param {string} key */ function defineWarningProperty(object, key) {

https://github.com/facebook/react/blob/master/src/classic/element/ReactElement.js

答案#1

TypeScript

阅读更多 →

javascript - ReactJS + Flux - 如何实现吐司/通知?

我正在尝试理解 Flux 和 Reactjs。

考虑以下一个非常简单的情景:

您有一个包含少量输入项的表单。当用户提交表单时,

ActionCreator.publishAnnouncement(this.state.announcement);

在我的表单组件内部被调用。这就是 publishAnnouncement 方法的样子:

var publishAnnouncement = function (announcement) { AnnouncementAPI.publishAnnouncement

阅读更多 →

javascript - 如何在同一屏幕内切换视图(React Native)?

我想用 react-native-scrollable-tab-view 复制以下内容:

目前我的代码如下,但我不确定如何执行和整合该模块以简化操作——有人有关于我如何实现这一点的想法吗?(我是初学者,所以任何帮助都将不胜感激):

这是主要的(选项卡视图):

'use strict'; var React = require('react-native'); var Dimensions

阅读更多 →

javascript - 我如何在 react 中为 <canvas> 设置一个 'onKeyPress' 处理程序?

我熟悉 React 及其事件系统,但我似乎无法让 onKeyPress 事件在 <canvas> 元素上触发。实际上,我在 <div> 上也无法触发它。

这是相关代码

class MyComponent extends React.Component { render() { return ( <canvas onKeyPress={() => console.log('fired')} />

阅读更多 →

javascript - 在 React Native 中查看组件层级

在调试 React 网站时,我可以使用 React 开发者工具查看组件层次结构:

我如何在 React Native 中做同样的事情?摇晃菜单包含一个 'inspector',但它似乎只允许我通过点击来检查单个元素——我看不到任何浏览完整组件层次结构的方法。

答案#1

不幸的是,自从 react-native 0.12 版本以来,开发者工具中的“React”标签已经无法使用了。这是一个已知问题。

在Github上有一个相当活跃的讨论已经开放了一段时间,但还没有解决方案。

更新

Devtools 的

阅读更多 →

javascript - React Native - 连字符

我正在开发一个 React Native 应用程序,在里面我将一些文本显示在盒子中。有时,盒子里的单个单词太长而无法在一行中完全显示,所以 React Native 会在单词过长时直接断开,并在下一行继续显示文本。不幸的是,这会导致单词的连字符处理不佳(参见图片左侧的盒子)。我正在尝试找到一种解决方案来改善这个问题,比如在这个例子中,使结果像右侧的盒子一样,在合理的位置为单词添加连字符。我知道有一些 JavaScript 库可以处理连字符。例如,这些库可以将单词按连字符拆分成数组。但我卡住了,因为我完全不知道如何判断是否需要对单词添加连字符。有什么想法吗?

答案#1

使用 C/C++/Java 编码:

te

阅读更多 →

javascript - AJAX 请求后重新渲染 React 组件

我正在使用 React 构建一个 CRUD 应用程序,我想知道你是否能在这个问题上提供帮助。

我正在使用componentDidMount向服务器发起AJAX GET请求,该请求会检索数据,然后在成功函数中设置状态。在render函数中,我随后遍历state数组,并将每个状态渲染到<li>元素中,并包含一个<button>元素。

当 <button> 元素被点击时,它会调用 delete() 函数。然后,这会对该 ID 发起 AJ

阅读更多 →

javascript - 如何在 react js 中将一个组件的值传递给另一个组件?

你能告诉我如何在按钮点击时将输入字段的值发送到第二个组件吗?我在第一个组件中有一个按钮和输入字段。在按钮点击时,我需要将输入字段的值发送到第二个组件

这是我的代码 http://codepen.io/naveennsit/pen/GZbpeV?editors=0010

var { Router, Route,browserHistory } = ReactRouter class First extends React.Component{ sendValue(){ browserHistory.push('/s

阅读更多 →