问题标签 [react-fullstack]

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 浏览

mongoose - 从服务器向客户端发送错误 - fullstack js

我目前正在研究第一个 MERN 全栈(使用 mongoose)。

我试图涵盖所有可能的错误,包括服务器端错误,并通知客户端。例如:我试图在我的本地 MongoDB 服务器未运行时运行该应用程序,以查找该特定错误并捕获它。所以当然有一个错误,但似乎(EventNote是猫鼬模型).catch之后EventNote.find没有捕捉到它,当然也没有将它发送回客户端(理想情况下会弹出一个模态)。任何帮助将不胜感激!

注意:应用程序和路由——它们都完全按预期工作,所以请求确实到达了路由,并且通常发回预期的数据。

0 投票
1 回答
3027 浏览

javascript - 如何在 React Native 中单独显示日期时间选择器?

我是 React Native 的新手,在分别显示日期和时间选择器方面遇到了困难

我使用 npm 包:react-native-modal-datetime-picker

在代码中:我试图分别显示所选的开始日期和结束日期。但是,我对这两个参数只使用一个函数。当我颠倒 2 个参数的顺序时handleConfirm(),它会反向工作。请帮助并随时调整我在 JS 中的知识 :)))

这是显示它无法正常工作的剪辑

0 投票
0 回答
35 浏览

javascript - React 集成异步后端调用

我的 MERN 后端有这个功能(M 不是用于 Mongo 而是 MySQL)应用程序。此函数异步获取数据库中的所有股票并将其作为回调返回。

我试图在这一行的一个变量中导出回调:

并在我的 React App 中调用它

我已经尝试过这种方式,它会打印一个空数组。

我也尝试将功能更改为:

并这样称呼它:

然后这是它返回的错误:

错误

我应该怎么做?

0 投票
1 回答
2676 浏览

node.js - Api 在生产中返回 404

我有一个 next.js 应用程序,我正在尝试创建一个 api。当我作为开发运行它时,会调用 api,但是当我使用它运行它next start时,调用 api 时会出现 404 错误。

这是相关的 server.js 代码:

这是路由文件

酷文件:

运行nodemon时的api路由/something-cool有效,但是当我运行下一次运行时,它返回404错误。我做错了什么,我该如何解决?

0 投票
1 回答
74 浏览

node.js - 在不更改密码的情况下更新后端数据库

我有一个应用程序,用户可以在其中跟踪食品卡车。在用户仪表板上,用户可以更新他们的位置。确认位置更新后,客户端向后端发送 .put 请求。问题是 .put 请求正在更新用户帐户对象的每个值(即 id、用户名、电子邮件、密码和位置)。

在此处输入图像描述

在允许用户更改其位置的输入中,唯一被修改的值是位置。但是,我认为也存在更改密码的错误。密码存储为哈希值。因此,当发出 put 请求时,我认为位置更新 onClick 正在为用户传递密码的哈希值,然后更改数据库中的密码。当我尝试使用刚刚更改其位置的用户登录时,我收到一条错误消息,提示凭据无效。我怎么解决这个问题?:

这是有问题的操作:

DinerDash.js(仅压缩为相关行):

来自减速器的代码:

来自后端的代码:

0 投票
0 回答
72 浏览

javascript - 如何使用 Node.js 操作存储在服务器端的 html 文件中的代码?

我正在做一个项目,其中我在服务器端有一个文件夹。该文件夹包含可用于部署静态站点的 HTML、CSS 和 JS 文件。我需要根据用户在客户端输入的数据来操作 HTML 文件中的代码,在修改 HTML、CSS、js 文件后,用户可以下载 .zip 格式的文件。

我面临的问题是:

  1. 如何在我创建的文件夹副本中的文件中任意位置编辑代码。准确地说,如果我想要<P> section </P>在 HTML 代码中的特定位置,我该怎么做?可以使用 node.js 吗?我需要在其中插入新代码段的代码行号吗?

  2. 如何将图像等用户数据发送到服务器端?对于文本格式的数据,JSON 格式可以吗?node.js 是这个项目的正确选择吗?

项目示意图

0 投票
0 回答
19 浏览

javascript - 复制另一个页面中使用的组件

我的 webapp 中有两个页面,A 和 B。在页面 A 中,我有一个组件,我想在 B 中使用它。所以我从 A 复制了组件并将其发布到 B。它看起来像这样:

我还需要补充什么。我看到的所有 Dropdown 示例本质上都相当简单,我不知道如何使它适用于我的情况。任何帮助表示赞赏。

0 投票
0 回答
52 浏览

javascript - 某些数据未保存在 firebase 数据库中

我第二次寻求帮助。我正在使用反应平台制作汉堡应用程序并将数据保存在 firebase 数据库中(实时)。当我存储数据时,价格、地址、客户信息保存在 firebase 数据库中,但成分变量没有保存在数据库中。如何解决这个问题呢?

firebase数据库和数据库数据的链接是:

0 投票
1 回答
433 浏览

flask - 全栈 React、Redux、Python/Flask、PostgreSQL Heroku 应用程序

抱歉,如果其中一些问题有点业余,我是一个有抱负的开发人员,有几个像样的项目。如果您能帮助回答其中几个问题,那将非常有帮助。

我正在尝试针对我的技能水平解决一个非常雄心勃勃的项目,我需要帮助找出我应该使用的设计模式。我正在专门为我必须为一家我目前正在面试的公司做的演示而构建这个项目。就像我在标题中所说的那样,我想要使用的技术堆栈将是:

React、
Redux、
Flask/Python、
PostgreSQL、

我想在 Heroku 上托管它。

我之前构建了一个基于 React/Redux 的应用程序,但我基本上使用 localstorage 和 Redux 作为伪数据库/后端。我现在的目标是构建一个完整的堆栈、单页应用程序,但我想确保尽早做出正确的设计决策,以使我的代码看起来尽可能专业。

我想建立一个简单的问题跟踪器。现在我只想构建一个项目,您可以在其中登录,创建一个项目(这只是一个票的集合),创建票,并能够更新这些项目/票。目前,用户之间不会有任何交互,即用户只能查看他们自己创建的项目和票证并与之互动,但最终我希望用户可以进行协作、互相分配票证、互相邀请从事同一个项目等。

我遇到的一件事是概念化单页应用程序如何适应经典的 MVC 架构。在我看来,单页应用程序根本不遵循 MVC 架构。我能找到的大多数烧瓶教程都构建了简单的 Web 服务器,每次发出新的 HTTP 请求时都会提供一个 HTML 页面。但是,这对于单页应用程序没有意义,对吧?重点是整个应用程序同时加载,因此您不必不断请求新网页。

那么路由是如何工作的呢?我在第一个项目中使用了 React Router,但它不与后端通信,它只是根据 URL 呈现一个新组件。那么当这种情况发生时,Redux 存储是否应该对其需要的数据进行 http 请求?如果是这样,那是否会破坏单页应用程序的目的,即限制对后端的请求数量?我应该在一开始就对所有数据发出一个 HTTP 请求并将其存储在 Redux 存储中吗?

我读过一些单页应用程序并不是真正的单页应用程序,而是实际上被分成了几个更小的块。这是一个可取的方法吗?为了给未来的面试官留下深刻印象,我不应该努力制作一个真正的单页应用程序吗?

使用 PostgreSQL 有意义吗?我真的只决定使用 PostgreSQL,因为这是大多数 Heroku 教程中使用的数据库,但可以使用 mysql

再次为其中一些问题的模糊、笼统和业余性质感到抱歉,但我真的想让这个项目变得更好。

0 投票
1 回答
25 浏览

react-native - 如何像标签一样创建从一个组件到下一个组件的超链接?

****(主要问题链接应该可以工作,但它应该封装在路由器内部。如果封装比明显,它会像嵌套路由器。我不想要。我只想在单击链接时呈现注册组件以下)****

返回 (