• 事件驱动状态机+枚举关联值

    我认为这是一个非常干净的设计,但是当考虑以下边缘情况时,代码开始散发出味。 在工作流程中的任何时候(由于中断,连接丢失等),在继续正常工作流程之前,都可能需要顺序执行auth前提条件。 AuthPreconditionStep1 performs async task unlike other events, while AuthPreconditionStep2(lastEvent: String) is executed like a typical event via publisher data f...
  • 检查两个状态数组是否具有公共元素并在reactjs中提供必要的输出

    我正在构建一个应用,该应用根据选择的用户的症状显示可能的疾病。我有一个状态对象,在其中保存了用户症状,而在另一个状态对象中,按以下方式可能会引起疾病。 all_disease_name_symptoms = { covid19:[its_symptoms], heart_attack: [its_symptoms], //[100 diseases and its symptoms like that] } state = { user_symptoms = ['cough, 'fever', 'che...
  • 反应错误无效的挂钩和状态未定义

    尝试制作模态时出现错误。我试图制作一个在单击按钮时出现的模式。这种形式会以模式弹出,提交后,模式会关闭。 在更改流程之前,该表单是常规组件,因此我更改了组件以使其成为模态。 之后,我得到这个错误。 Error: Invalid hook call. Hooks can only be called inside of the body of a function component. 而且我的状态不再起作用 Line 7:4: 'state' is not defined no-undef 值得...
  • 我如何从类组件更新功能组件的状态,以便在React中显示地图中的项目

    我在Gatsby JS中有一个StoreDetails功能组件,它是通过graphQL中的映射有条件地渲染产品的,该映射使用UseState挂钩匹配状态值。我有一个class组件下拉菜单,当前手动填充了sku'id,这些sku'ids会匹配要在state和map条件语句中显示的条件。我希望下拉列表更改功能组件的状态,以便在下拉列表中选择它时显示正确的产品。我一直在玩把状态函数作为道具传递,但是我遇到了重新渲染的问题,非常卡在这里。 The key is at this line {value.skuId =...
  • 使用React应用重新加载窗口时状态会丢失

    我正在做一个任务,在其中构建MERN电影数据库应用程序的前端。 我已经获得了一切都能正常工作的一切,但是我注意到当我刷新Movie组件的页面时,状态(我认为)丢失了,并且尝试映射我的评论数组时出现类型错误,并且(TypeError:无法读取属性'map'的未定义)。 这是电影详细信息组件的代码: import React, { Component } from 'react'; import {connect} from "react-redux"; import { Glyphicon, Panel, ...
  • 国家没有改变反应本机

    我对本机做出反应还很陌生,并且在设置新状态时遇到了一些麻烦。一切正常,直到出现第三个textinput为止,当我开始在其中输入内容时,计数器停留在1,应该停留在2,然后将textInputList更新为两个TextInput元素。我想了解为什么计数器没有变化,以及如何解决此问题:) import React from 'react'; import { useState } from 'react'; import { Button, View, StyleSheet, TextInput } from...
  • 由于状态滥用,阵列无法动态更新

    单击单选按钮时,它将值从0更改为1,反之亦然。 这是通过2个组件Test.js和Graph_Test.js完成的。 Test.js是创建单选按钮并填充数组的地方。例如,当按下单选按钮1时,我希望它将array [1]中的值从0更改为1或从1更改为0。 因此,每当按下单选按钮时,它将动态地更改阵列。 然后使用该数组在Graph_Test.js中构建图形,具体取决于哪个索引旁边有1个值,它将在图形上绘制相应的线。 例如,如果array = [0,1,0,0],则将为区域1绘制一条线。 因此,随着此数组动态变化,...
  • 重构(抽象)大型表单组件,以便于阅读(响应)

    我正在寻找一种构造大型表单组件的优雅方法。 -我的代码大致类似于以下示例。 这对我来说并不容易理解,尽管我知道这个问题取决于一个人的工作方式,但是我想知道如何分解这个部分以使其更清晰。 理想情况下,我想将单个组件中的功能拆分为单独的组件。我正在使用自己项目中的一个粗略示例,因此我可以更好地了解这种重构的最佳实践。 如您所见,已对onSubmit表单进行了编程,以呈现代码并下载代码。该表单从多个输入中获取状态,并打算创建一个更新的HTML文件,该文件将使用Result函数返回。 现在,这不是工作代码,而是组件...
  • React.js:无法访问状态对象内的对象属性

    我正在研究财务追踪器。最终,财务跟踪器将能够访问用户银行帐户中的帐户,提取每笔交易,并且用户将能够添加交易作为未来的预测。想法是使用户能够使用用户银行帐户中的最新支票/储蓄帐户信息来运行财务预测/方案。 我正在处理“运行总额”列,该列将获取transactionData.amount中找到的金额,如果这是“零”索引,则会将transactionData.amount添加到startBal中。否则,它将使用在前一个索引中为transactionData.runningTotal找到的数字,并添加到在当前索引中...
  • 从表中删除元素-反应

    我试图在React中创建一个CRUD应用程序,但遇到了几个问题。 如何从桌子上删除物品? 是否可以将ID传递给render方法中的Info组件?以后如何将其链接到元素? 为什么我尝试删除时e.PreventDefault()方法会导致错误? import React, { Component } from 'react'; const Info = ({ index, login, pass }) => ( <> <thead> <tr> ...
公告

欢迎访问 goshare  点击这里设置您的邮箱  可以接收站内跟帖、回复邮件提醒,不错过任何一条消息。

关注公众号订阅更多技术干货! 码农俱乐部