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

reactjs - 如何从反应中的多个字段中获取相同输入类型的值?

我必须从相同的输入类型(例如:电子邮件类型)中获取值,这在我的 render() 方法中:

我对此没有限制。状态值、handleChange、addMemberHandler 方法

我的问题是:我怎样才能在我的状态下获取所有电子邮件(用户输入的),以便 onSubmit 我将发送数组中的所有电子邮件?

基本上我怎样才能动态地为每封电子邮件维护不同的状态?

0 投票
1 回答
1750 浏览

node.js - 前端(React)如何与后端(Express)交互?

我正在使用 MongoDB、Express、React 和 Node 构建一个完整的堆栈应用程序。我从事过只有前端编程的项目,也从事过只有后端编程的项目。我使用 ejs 为 Express 创建视图,所以我不确定它如何与通过 React 创建的前端视图一起工作。另外,我不确定 CRUD 操作将如何与 React 一起使用。我有非常模糊的想法。

我所知道的是,在package.json中,运行程序时将两者结合在一起。就是这样。即使这样我也不确定。我的问题是:Express 如何与 React 交互?

我正在寻找的答案涉及联系。它在哪里以及如何点击在一起?如果 React 创建视图,那么 Express 是如何连接到这些视图的?我在导入文件吗?我是在 React 组件中编写 ExpressJS 吗?它如何将数据库中的数据显示到视图上?app.get('/',...) 足够了吗?Express 如何知道在发布该数据时要使用哪些文件?

0 投票
0 回答
244 浏览

python - 从服务器异步发送请求到前端

我正在通过与大型聊天平台 API(例如 Slack)交互的 Web 后端构建聊天机器人。这是当前的工作流程:

  • 用户通过 Slack 向我的机器人发送消息
  • 我的 webapp (Python Flask) 收到来自 Slack 服务器的 HTTP 请求,带有用户的标识符
  • 事件被添加到队列中,我的 webapp 只是发回 200 状态代码
  • 产生一个工人来处理事件。工作人员最终使用用户 ID 和要显示的消息对 Slack 进行 API 调用。

该系统运行良好。但是,现在我想拥有自己的聊天前端,与我的后端进行交互。我怎样才能设法让我的前端等待我的后端发送的通知并随后显示消息?我必须依赖websocket吗?还有其他我没有想到的方法吗?显然,我似乎需要一些东西来持续保持客户端和我的服务器之间的连接,这与进行不需要持续连接的 API 调用不同?

另一个问题是我的 API 服务器和我的工作人员是独立的。也就是说,当 API 服务器接收到请求时,worker 会独立生成。如果我想象使用 websocket 的东西,我相信我的工作人员必须向我的 API 服务器发送一个请求,然后它会通过 websocket 将内容发送到客户端。我想知道这看起来是正确的还是完全荒谬的。

0 投票
1 回答
77 浏览

javascript - 获取和显示时间线数据

我需要一些建议:

我正在开发一个应用程序,该应用程序应该在时间线视图中显示数据WeeklyMonthly以及Yearly选项。我有两个选择,我在两者之间徘徊;

  • 我可以一次获取所有数据并让用户界面在时间轴上正确显示
  • 每次用户切换到下一个时期时,我都可以获取数据,例如当他们切换到下个月时,获取该时间范围的数据

我在这里需要一些建议,哪个是最好的方法?

0 投票
0 回答
77 浏览

javascript - 带有频繁更新数据库的 Redux

关于频繁查询新帖子并因此频繁更新后端数据库的社交媒体应用程序的 react + redux 前端的快速问题。前端的用户可以在帖子进入时批准或阻止帖子。

保持 redux 存储与后端数据库匹配的良好时间线/流程是什么?

前端是否会定期查询后端中的任何新帖子,将它们加载到 redux 存储中,然后当用户点击“批准”帖子时,会向后端发送请求,如果 200 OK,则更新redux 商店?

谢谢。

0 投票
2 回答
78 浏览

node.js - 如何查询保存在服务器端的 json 文件 - 高级视图?

这更像是一个理论问题。

我的任务是为客户创建一个网站,该网站涉及用户查找项目 x。将搜索包含所有项目数据的 json 文件,并显示有关该项目的结果数据。

我使用 React 作为我的前端,所以我猜我需要使用 Express 作为我的后端?完成这项工作所需的所有软件包是什么,如果有人知道提供此基本基础架构的指南或教程甚至 npm 软件包,将不胜感激。

我已经设法让所有客户端都能正常工作,但我担心效率,因为我目前使用的数据只有 19k 行,而且只是完整数据的一个子集,所以我认为这不会起作用当子集 json 被完整的东西替换时。

我的数据也存储在一个excel表中,如果这对服务器端来说比json更好?

0 投票
1 回答
4519 浏览

node.js - 获取“未定义”状态码作为响应

我正在从节点服务器 api 端发送响应,如下所示:1)res.status(200).send({success: true, token: 'JWT ' + token}); 和 2)res.status(401).send({success: false, msg: 'Authentication failed. Wrong password.'}); 当尝试在反应客户端函数下方获取响应时,它给了我发送的 json 正文,但是它给了我状态代码为“未定义”

控制台输出:

如何从节点服务器发送的响应中获取响应客户端中的状态代码和 json 正文?

0 投票
1 回答
71 浏览

python - Python 全栈应用程序 - python manage.py runserver - 没有这样的文件或目录

在 Youtube 上遵循了本教程

首先,我认为一切都很好,但是当我想要这样运行服务器时: python manage.py runserver 它不起作用。我收到以下错误:

manage.py 文件在那里,我已经尝试了好几次。我不知道问题可能是什么。我已经重新安装了 python、home-brew、pip 和 virtualenv

0 投票
1 回答
68 浏览

javascript - 为什么 JavaScript 的 map() 可以工作,但我的 for 循环在 React 中失败?

我正在自学 React,但我遇到了一些我无法理解的东西。当我使用下面的 getNavList() 中的代码构建项目时,单击组件中呈现的按钮之一时出现以下错误,“无法读取未定义的‘点击’反应的属性。”

当我通过以下更改构建项目时,一切都按预期工作:

从我能够找到的情况来看,当我将函数作为组件属性传递时,“this”似乎会丢失它的上下文。我尝试在其父类中绑定传递给 Pane 对象的函数,但无济于事。我还尝试使用箭头符号定义函数,但没有成功。话虽如此,为什么从 for 循环到 map 函数的这种变化有效?

这是同一代码段中的一个更小问题。使用工作 getNavList() 我使用速记语法“< >...< />”返回一个 React.Fragment,但是当我尝试使用“<React.Fragment>...< /React.Fragment>”时,我得到一个错误说在我的 else 语句末尾有一个预期的 '}' 字符。这到底是怎么回事?

请原谅我的代码片段和 React 标签中的错误。我无法弄清楚如何在不添加额外空格的情况下让它们显示,我几乎完全确定这不是语法错误,但如果是这种情况,请随时证明我错了。

0 投票
1 回答
104 浏览

reactjs - axios + React 和 Redux fornodejs/express + passport + jwt api 的问题

我已经使用路由 api/login 创建了 api,我在服务器文件夹中有客户端,所以它可以是没有 http 的 url(我有代理)。问题是当我提交请求时。我在浏览器中有 500 错误(来自 catch(error) )。这是我的动作创建者:

在 React 的提交功能中,我将电子邮件和密码作为状态,因此我将其传递给操作。我不确定我必须在 axios 中添加什么,我想我需要通过 jwt 的秘密令牌添加?

我真的很感激任何建议。先感谢您。