React:渲染状态数组

文章/答案/技术大牛

发布

3回答

javascript、reactjs

我正在使用React制作一个搜索表单，其中包括一个多选标记，该标记将选定的选项作为数组添加到一个状态中。 constructor(props) { this.state

浏览 14提问于2019-08-18得票数 1

3回答

状态更改时，React上下文组件不会更新

reactjs、react-hooks、react-context、react-state

我正在尝试在一个功能组件中创建一个react上下文提供程序。我使用useState钩子为其他组件提供一个数组，并使用一个add函数将一个新值推送到该数组中。数组和add函数都是通过上下文提供程序提供的。它似乎是通过执行以下操作来使用带有状态挂钩的推送 var newArray = arraysetArray(newArray) 不会导致使用状态的组件重新呈现，但在使用 setArray(array=> [...arr

浏览 24提问于2020-04-06得票数 1

回答已采纳

5回答

React/Redux呈现每秒更新的列表

javascript、reactjs、redux、react-redux

我有一个每秒从redux商店接收道具的react组件。新状态有一个不同于上一个数组的数组。具体地说，每秒都有一个元素被添加到数组中。例如:在一种状态下，数组为：下一个状态我的reducer： ...state,} 现在，在我的react组件中，我订阅了这个<e

浏览 2提问于2018-05-20得票数 20

2回答

是否有可能将react组件的列表保持在状态并呈现它们？

javascript、reactjs

我最近一直在尝试学习一些React编程，但在学习呈现列表时遇到了一些困惑。React文档描述了这种呈现列表的方法： const listItems = numbers.map((number) => ); ); 出于好奇，我决定尝试在我的一个组件的状态下保存一个React元素列表，并直接呈现该列表。我认为它可能能够避免每次渲染<

浏览 32提问于2019-03-24得票数 0

回答已采纳

3回答

如何使道具不可变，以防止React中的重现？

javascript、performance、reactjs

我一直在使用react.js创建一个小应用程序。import React, {PureComponent} from 'react'; <div className=&quo

浏览 2提问于2016-12-10得票数 6

1回答

如何更新状态，然后在函数组件react原生中呈现

javascript、reactjs、state、use-effect

我正在尝试首先更新状态，然后在函数组件中呈现组件。我已经得到了使用useEffect钩子的答案。然而，来自react官网的文档有点令人困惑，因为它声明，“传递给useEffect的函数将在渲染提交到屏幕之后运行。”()据我所知，它说它首先渲染，然后运行回调函数。这不是我想要的。我想先更新状态，然后再渲染。我该如何实现它呢？

浏览 0提问于2020-07-26得票数 0

2回答

如何在react中将数组的值从true逐个修改为false？

javascript、arrays、reactjs、button

每当我手动将数组值从true更改为false时，按钮就会出现，但当我运行一个链接到另一个按钮的函数时就不会出现。数组和enableObject函数： var counter = 0;Object 1 </Button> 我只是不太明白我是否需要创建另一个数组

浏览 64提问于2021-10-05得票数 0

1回答

setState不重新呈现组件

javascript、reactjs、render、setstate

howManyCards; i++) { } } 状态正在成功更新，但是，在第一次渲染后，下面的组件不会重新渲染： <Game deck={this.state.currentDeck} /> 因此，屏幕上的卡片数量保持与默认设置相同。如果我在设置状态前单击console.log newDeck，它会显示以下内容，首先单击Mediu

浏览 8提问于2020-11-02得票数 0

1回答

使用array.map后的React本机重新呈现UI

reactjs、react-native、user-interface、render

通常在react原生中，我会这样做： const [checkbox, setCheckbox] = React.useState(false); added: true,export default function App() { const [savedNumbers, setSavedNumbers] = <

浏览 18提问于2021-07-27得票数 0

回答已采纳

1回答

有记忆的组件的子组件也有记忆吗？

javascript、reactjs、react-hooks、memoization、react-usememo

从useMemo返回的子组件或包装在React.memo()中的子组件也会被记忆吗？(抱歉，这可能是一个愚蠢的问题) 例如： React.memo(); 在这里，父母被记住了，孩子是不是也被记住了？

浏览 27提问于2021-02-20得票数 2

回答已采纳

2回答

为什么React调用我的组件的次数超过了所需的次数？

javascript、reactjs、setstate

我有一个简单的组件示例，它使用useRef()来计算我的组件已经呈现的次数，使用useState()来维护一些状态：const App/17.0.0/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/r

浏览 4提问于2021-08-05得票数 3

1回答

功能组件嵌套vs. props

reactjs、functional-programming、inner-classes

我应该像那样嵌套函数组件吗？我的想法是，每个限定符都应该在尽可能小的上下文中声明，但这可能是错误的，因为我不确定它还有什么其他含义，如果有人能给我一些提示，我会非常感激，如果嵌套函数组件是个好主意，什么时候是好主意。

浏览 18提问于2020-10-05得票数 2

回答已采纳

1回答

React组件正在重新渲染无限次

javascript、reactjs、redux、react-router

import React, { useState, useEffect } from "react";import { apiCallimport React from "react"; import { Route, BrowserRouter as Router, Switch } from "react-router-dom"

浏览 45提问于2021-02-20得票数 0

回答已采纳

2回答

如何在React* Native中按下按钮显示数组中的随机文本？*

javascript、react-native

我有一个包含一些短语的数组，如下所示： words = [{ text: '...', key: 2},import React, { useState } from '

浏览 41提问于2021-06-28得票数 1

回答已采纳

1回答

使用.unshift()时，React组件的状态呈现得很奇怪，但使用.push()时，这是正常的。

javascript、arrays、reactjs

我有一个数组，我有两个组件(子组件和父组件)。我在父组件中迭代数组，我渲染子组件，我用数组中的数据给它们道具。子组件将其道具转换为状态，然后递增和递减该状态。父组件可以将新项添加到数组中并重新呈现。但。如果我取消了数组前面的新项的移位( unshift() )，我会将数组中的最后一项添加到屏幕上，而不是将新项添加到前面。问:为什么用.push()渲染效果好，而用.unshift()渲染效果差？同样

浏览 12提问于2017-07-20得票数 4

2回答

访问对象属性

javascript、reactjs

import React, {Component} from 'react'; export default class App extends Component {

浏览 1提问于2020-11-23得票数 0

4回答

为什么React在状态改变后没有呈现？[功能组件]

javascript、reactjs、react-functional-component

import React, {useState, useEffect} from 'react'; // shuffleCards={shuffleCards} } } } 因此，我试图在react中创建一个Memory，但当我混洗图像数组时(当用户单击图像时)，它是一个<e

浏览 47提问于2021-03-24得票数 0

回答已采纳

4回答

如何在不重新渲染组件的情况下更新react状态？

reactjs

由于图库将自动滚动条目，因此当我发出后续HTTP请求并更新状态时，我会尝试阻止重新呈现组件。谢谢

浏览 2提问于2019-01-07得票数 14

回答已采纳

2回答

Next.js React.js没有呈现出我要进入useEffect的useState

reactjs、react-hooks、next.js、rendering、server-side-rendering

我在useEffect中获得了对象数组：然后我试着绘制它并渲染：我得到的结果是它没有渲染它。首先，默认情况下它是一个空数组，而当状态在useEffect中发生变化时，它不会重新修改它。(Next.js + React.js可能会出现一些问题吗？)

浏览 11提问于2022-11-11得票数 0

回答已采纳

1回答

ReactJS文本输入

javascript、reactjs

import React, {Component} from 'react'import picture from '.

浏览 21提问于2021-02-02得票数 2

回答已采纳

点击加载更多