My goal is to take an input value and a radio input's value and lift their state to the parent componentApp.js when the form is submitted. I am using two onChange events and when the form is submitted the values are propped and handle by individual functio...

我的反应应用程序中有一个输入字段，如下所示。 RecommendationTerm和searchTerm来自组件的状态。正在onChange句柄中设置searchTerm状态。当我在自动完成建议列表中向上或向下导航时，则设置了namedTerm状态。 <input value={suggestedTerm || searchTerm} onChange={handleInputChange} onFocus={() => { setShowFlyout(true); ...

我正在建立一个具有以下数据结构的电子商务商店： productsData.js export const storeProducts = [ { id: 1, title: "Santos", img: "img/pfs - black.png", price: 59.70, description: "Lorem Ipsum", gender: ["Feminine", "Masculine"], ...

我已经在React中构建了一个简单的字符串格式应用程序，但是遇到了一个非常奇怪的错误，这让我感到困惑。 当我第二次单击“格式”按钮时（在已经处理完输入之后），“未定义”显示在文本区域中，我无法弄清原因。如您在图像中看到的，我的各种数据（输入，previousInput和输出）都正确显示在屏幕上（图像1 + 2）。它们永远不会变得不确定，我可以通过检查React Dev工具来看到这一点（图3）。同样奇怪的是，在开发工具的elements选项卡中，此处显示了正确的值，但屏幕上显示的是“ undefined”（图...

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

我正在构建一个应用，该应用根据选择的用户的症状显示可能的疾病。我有一个状态对象，在其中保存了用户症状，而在另一个状态对象中，按以下方式可能会引起疾病。 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 值得...

当调用此函数时，我已经定义了钩子并更新状态，如下所示。 export default () => { const [results, setResults] = useState([]); const [error, setError] = useState(''); const newCategoryApi = async () => { try { // removeItem("GLOBAL_NEWS_CATEGORY") ...

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

我正在做一个任务，在其中构建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绘制一条线。 因此，随着此数组动态变化，...

import React, { Component, useState } from 'react'; import algoliasearch from 'algoliasearch/lite'; import { InstantSearch, Hits, SearchBox, Highlight, connectRefinementList, } from 'react-instantsearch-dom'; import PropTypes from 'prop-types'; i...

I have a child component PostItem that takes a post object from redux state as a prop: const PostItem = ({ post: { _id, text, name, avatar, user, likes}, //from redux state //... }) => { //... const handleLike = e => { likePost...

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

我正在研究财务追踪器。最终，财务跟踪器将能够访问用户银行帐户中的帐户，提取每笔交易，并且用户将能够添加交易作为未来的预测。想法是使用户能够使用用户银行帐户中的最新支票/储蓄帐户信息来运行财务预测/方案。 我正在处理“运行总额”列，该列将获取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> ...