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

mongodb - Meteor 不显示数据库中存在的集合

这里是 Meteor/React 新手,通过Meteor-React 教程并卡在第 3 步。我的问题是数据没有显示在浏览器中,尽管它存在于数据库中。

这是我的导入/ui/App.jsx:

控制台中没有显示错误。

基本上this.props.tasks返回空数组。但db.tasks.find({})在控制台显示记录。没有太多改变,如果我硬编码任务记录,它们显示得很好,所以问题不在于任务组件。任何人都可以在这里提供帮助吗?将不胜感激。

客户端/main.jsx:

包.json:

npm 版本3.3.12 节点版本5.6.0

0 投票
1 回答
5698 浏览

javascript - 如何在 jsx 中导入和使用 javascript 函数?

我想在 App.jsx 中使用 connect() javascript 函数。我正在使用流星框架。

应用程序.jsx

连接.js

谢谢你。

0 投票
1 回答
318 浏览

javascript - 如何在流星反应中使用引导风格?

我使用命令安装了引导程序包:

我做了一些示例代码,但它不起作用。Bootstrap 样式不适用于按钮。

应用程序.jsx

请问你能帮帮我吗?谢谢你。

0 投票
0 回答
138 浏览

jquery - Meteor - 在 React.js 包装器中本地化帐户:ui

我正在使用 accounts:ui 包装器进行反应,我想对其进行本地化(翻译成葡萄牙语)。我以前没有真正与 Blaze 合作过,所以我不确定该采取什么方法。在这个问题中,我看到了 Blaze 用户本地化帐户的技巧:ui,它是通过在调用 .rendered 回调后替换文本来完成的。我想知道是否有办法让它与反应一起工作?我试过用 jQuery 替换字符串(有和没有延迟),但它没有用。

这是我的反应包装:

0 投票
1 回答
469 浏览

meteor - Meteor React 组件在注销时未更新

我有一个页面,它将根据用户是否登录或退出显示不同的组件。

在渲染区域我有:

现在,如果我退出并刷新应用程序,这确实有效,但如果我只是退出并且不刷新,它将不起作用。

这是已登录组件的代码:

从“反应”导入反应;从 'react-dom' 导入 ReactDOM;

0 投票
1 回答
76 浏览

javascript - 将选项卡设置为活动时将所有错误的 alogrithim Meteor React

我正在尝试:使一个选项卡处于活动状态并关闭所有其他选项卡。目前我只能让它在一次关闭和打开的地方工作。

我试图弄清楚我该如何做到这一点。我在想有没有办法将父组件传递给函数,然后能够访问其所有子组件的 className 属性?目前我有:

0 投票
1 回答
1964 浏览

reactjs - React 和 Material-UI:如何构建具有多个页面的应用程序

我正在使用 Meteor、React 和 Material-UI 来创建应用程序。为简单起见,假设应用程序有两个页面:主页和用户。

两个页面应该有相同的布局:左边是一个带有汉堡菜单的 AppBar,右边是一个 IconMenu。When the hamburger menu is selected a Drawer will slide out from the left, and when the right menu is selected a drop-down menu will appear.

出于我的目的,抽屉菜单是静态的,即菜单条目不会根据正在显示的页面(主页或用户)而改变。然而,右边的下拉菜单会根据活动页面的不同而改变,即它是上下文相关的。

我的问题是:在构建这个方面我有什么选择?

我认为一种选择是创建两个页面组件,例如 HomePage 和 UserPage,并使用例如 MyAppBar 和 MyDrawer 组合每个组件,以及特定页面应包含的任何内容。然后每个页面将负责在下拉菜单上创建菜单项并将它们传递给 MyAppBar,然后将呈现整个页面。

我相信这会解决问题,但我不确定是否有更好的方法。例如,是否有第二种方法可以只更新页面的内容组件并让拥有组件(例如 ApplicationPage 组件)查询内容组件(例如 HomeContent 或 UserContent)以获取下拉菜单的条目和当内容组件发生变化时设置下拉菜单?还有其他选择吗?

我正在使用 React Router 为 /home 和 /user 进行路由,所以上面的内容也必须适合。

0 投票
0 回答
143 浏览

meteor - Meteor 使用 mocha 测试简单的 React 渲染 - 找不到方法

我正在尝试编写一个测试来测试当数据库中有数据时我的组件如何呈现,我遇到了这个错误:

错误

这是我的测试

客户/前景/Prospect.tests.js

这是我的收藏

收藏品/residents.jsx

有谁知道我为什么会收到这个错误?

0 投票
3 回答
1821 浏览

reactjs - 使用 vscode 反应打字稿导入语法问题

我刚开始使用 react typescript + Meteor 进行测试,但我无法弄清楚如何正确设置 VSCode。

TSX 和 TS 文件反应自动完成和语法高亮工作正常,但每个模块导入技巧 vscode 严重错误。

我的导入声明如下。

组件加载正常,因此导入实际上正在工作,但是每次导入都会出现语法突出显示问题,我想解决这个问题。

我没有任何 tsconfig.json 文件或 typings 文件夹。

我正在使用https://github.com/barbatus/typescript为流星构建自动转换打字稿文件。背景这有两个类型文件 tsconfig.json。

0 投票
2 回答
2121 浏览

visual-studio-code - 流星打字稿抱怨vscode中缺少文档类型

VSCode 抱怨 html 文件中缺少 DOCTYPE。Meteor 构建系统会自动添加文件类型并让它们导致构建错误。如何让 vscode 忽略 html 文件中缺少的 doctype?

我得到这个错误。