状态React JS数组问题

文章/答案/技术大牛

发布

1回答

reactjs、state

我正在尝试编辑用户输入，但单击事件指向数组0处的输入。我希望能够只呈现要编辑的输入。完整的项目可以通过下面的链接在沙箱上找到。我是一个新的反应，发展和挣扎与国家。有人能帮帮忙吗？file=/src/header/header.js 感谢狮子座 import React, { useState } from "react"; const EditSkillsForm = ({

浏览 17提问于2021-10-19得票数 1

回答已采纳

2回答

function : Uncaught : tokenIds.map不是函数

reactjs、react-hooks

我使用React从一个通过钩子保持在状态的数组生成组件。初始化后的数组工作正常，但它在更新状态后停止工作： const shipType = props.shipType;

浏览 0提问于2020-01-17得票数 1

2回答

我正在学习React中的状态，下面是创建待办事项列表的练习。我捕获待办事项列表中每个输入“项目”的状态，并将它们添加到“项目”数组中。然后，使用HTML呈现"items“数组中的每个元素。我不明白为什么不能把每一项都放到一个普通的JavaScript数组中呢？提交表单后，我记录"items“数组。然而，无论我提交多少次表单，"items“数组都只有一个元素。以前的值似乎每次都在消失。我通过使用数组的<em

浏览 16提问于2021-09-08得票数 0

回答已采纳

2回答

复制元素的反应

javascript、reactjs、react-hooks

当前什么都不会发生，但是如果控制台显示数组在增长。这里的沙箱： const { useEffect, useState } = React; const btn = [<script src="https://cdnjs.cloudflare.com/ajax/libs&

浏览 6提问于2022-03-31得票数 0

回答已采纳

1回答

我无法让React的"useMemo“依赖数组工作

reactjs、react-hooks、react-usememo

我试图了解React中的依赖项是如何工作的。这听起来很简单，但在下面的人工示例中，当变量通过单击“完成”文本更新时，我无法让备忘录打印出来。我相信如果这些是React的setState变量，它们就会起作用。我已经看到了在依赖数组中给出简单变量的例子。import { useMemo } from "react"; const fooArr = [1]

浏览 1提问于2022-04-08得票数 1

2回答

在react中使用正确的模式添加id，而不直接使用道具传递id，但通过映射吗？

reactjs

该代码部分工作，但它有一个反模式问题，即将组件置于状态，而不是使用map更改状态以传递更改。import React, { useEffect, useState } from "react";import ".

浏览 6提问于2021-08-28得票数 0

回答已采纳

3回答

React setState覆盖数组状态

reactjs

我下面的代码覆盖了我的数组，而不是添加到数组的顶部。我不明白为什么它会这样做。

浏览 51提问于2020-09-04得票数 1

回答已采纳

1回答

为什么当我用"\n“来反应时，我的台词没有断？

javascript、reactjs、jsx

我试着用这个钩子： var arrText = txt.split('*'); setTimeout(() => { return (prev += line + '\n'); }, 300 * index),}, []); 它简单地拒绝了我的\n，如果我试图返回JSX (段落中的行)，它就变成了[object objec

浏览 5提问于2021-12-07得票数 1

回答已采纳

1回答

将useState更新为它已经保存在自定义React钩子中的值将导致无限重呈现。

javascript、reactjs、react-hooks、use-state、react-component

我不得不这样做来解决问题： const [is_page_hidden, set_is_page_hidden] = useStateis_page_hidden) { }这不是React组件内部的行为。

浏览 3提问于2022-02-17得票数 1

回答已采纳

3回答

UseEffect无限循环/永远运行，即使状态没有改变

reactjs、api、react-hooks、infinite-loop、use-effect

这里的想法是在每次修改状态时“重新呈现”列表。catch(x=> console.log("ERROR: " + x)) }, [superheroes]) 简单地这样做将导致无限的调用循环，即使superheroes状态还没有改变我有意不使用空数组作为useEffect()的第二个参数，因为我不想运行它一次。

浏览 5提问于2021-09-10得票数 0

1回答

如何在组件挂载和状态更改上运行useEffect

javascript、react-hooks

我有一个useEffect函数，它只在页面状态改变时运行，但是我想在组件挂载和状态更改上运行这个函数。 }, [page]); <script src="https://cdnjs.cloudflare.com/ajax/libs&#x

浏览 0提问于2021-04-20得票数 2

回答已采纳

2回答

渲染不起反应

javascript、reactjs

我在react中新建，需要显示每个新消息，但在呈现函数中，render_mess中的set索引中需要显示来自数组的消息。是否可以显示无循环的所有元素？class New extends React.Component { super(props); this.state = {new_mes

浏览 3提问于2018-08-02得票数 1

回答已采纳

1回答

如何使用react中的按钮来清空文本框？

javascript、reactjs

我有一个文本框来输入数字，在按下按钮后，我想清除文本框值。我不知道怎么做，有人能帮我吗？当我按下椅子行中的“添加”按钮时，应该清除10。 <CCol className="col-sm-6"> id="quantity" name="quantity" min={1} onChange={(e) =&

浏览 1提问于2022-05-19得票数 0

回答已采纳

1回答

通过项目数组-反应

reactjs

我试图从ComponentOne到ComponentTwo的数组中获取数据。这个州住在App.js。这是一种工作，因为我可以看到数据时，从console.logging从ComponentTwo。两个问题：#2: 为什么没有在屏幕上显示数据？// App.js: <ComponentOne PhaseThreeArrayProp

浏览 4提问于2022-05-03得票数 1

回答已采纳

2回答

如何将状态数组传递给道具

javascript、reactjs、state、react-props

所以我有两个React文件，一个App.js和一个category.js。当我将数组传输到category.js时，它会显示一个巨大的文本块，而不是将其分割成不同的数组按钮。这是类应用程序Object.keys(data.categories).forEach((category,index) =>

浏览 2提问于2018-10-11得票数 0

回答已采纳

2回答

reactjs --当元素长度达到this.state中的限制时禁用按钮

reactjs

(error) => { }} 进行调用并返回元素apps是没有问题的

浏览 23提问于2018-09-07得票数 0

回答已采纳

1回答

当将状态作为支柱传递给子组件时，如何通过React维护状态封装？

javascript、reactjs

这个问题与React的实现细节有关，更具体地说，是关于状态封装的。对问题的回答中的演示演示了作为对象的React道具是通过引用传递的，在这里复制：const Parent = () => { let myObj = {a:/15.1.0/react.min.js"></script> <script src="https://

浏览 1提问于2018-05-26得票数 3

回答已采纳

1回答

在状态更改后不更新React

javascript、node.js、reactjs

我有一个问题，当我的状态在makeNewSmallThings中发生变化时，我的呈现方法没有更新组件，您能帮我吗？

浏览 0提问于2018-06-21得票数 0

回答已采纳

1回答

react钩子背后的JavaScript机制是如何工作的？

javascript、reactjs、react-hooks

我的问题与使react挂钩成为可能的Javascript机制有关。 React的最新发展让我们可以创建钩子，即。对于React状态，在如下这样的简单函数中： function App () { const [someVar, setSomeVar] = useState('someVarDefaultValue我的问题是钩子机制在JS中是如何工作的？从我在React sourcecode中看到的，它使用了reducer函数和流的类型检查

浏览 19提问于2018-12-22得票数 14

回答已采纳

2回答

useContext不显示子组件中的更新状态(当从全局文件中useEffect挂钩的firebase中检索数据时

javascript、reactjs、use-effect、react-context、use-context

我使用context api来获得产品的全局状态，为此我使用了ProductsContext.js 我在ProductsContext.js中定义了一个空状态的数组 const [products,setProducts] = useState([]); 在同一个文件(ProductsContext.js)中，我使用useEffect从firebase检索所有产品，然后更新产品状态。下面是ProductsContext.js的所有代码 import <

浏览 35提问于2020-11-05得票数 0

点击加载更多