为什么React只渲染数组中的最后两个元素？

文章/答案/技术大牛

发布

1回答

javascript、reactjs

我正在尝试渲染文件夹中的一系列图像。我已经成功地做到了这一点，但我想实现一个系统，图像以2行为一行。这是可行的，但它似乎覆盖了其他行，因为我只渲染了最后两行。如果有任何帮助，我将非常感激。下面是我的代码：var imageCount = 0;const rootElement = document.querySelector('.cont

浏览 19提问于2021-05-25得票数 0

3回答

React只从对象数组中获取最后一个元素

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

为什么仅保存数组中的最后一个元素？我有两个元素，映射在它们上面，每次只有最后一个元素被放入钩子中。React.useEffect(() => { handleClickUserList(bearbeiten.user); setKontak

浏览 7提问于2022-05-16得票数 2

2回答

循环不能与react一起工作

javascript、arrays、reactjs、for-loop

我的循环重复不起作用，我使用React在屏幕上渲染，但只出现了一个元素，并且我的数组有12个元素。有人能告诉我为什么吗？import React from 'react' import '..

浏览 0提问于2017-10-08得票数 0

2回答

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

javascript、reactjs

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

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

回答已采纳

2回答

如何用一个普通的for循环呈现多个按钮？

reactjs

很抱歉，如果它非常基本，但是:当在迭代中呈现多个按钮(0-9)时，btw映射和for循环有什么区别？为什么for循环只呈现第一个元素(0)，而map工作正常？为什么我必须先将按钮按到数组中，然后返回(如其他示例所示)？我可以使用普通的for循环和渲染按钮而不把它推入数组中吗？谢谢!import React from 'react';

浏览 1提问于2019-07-24得票数 2

回答已采纳

1回答

文本未显示，但onAppear触发器

swift、swiftui

请看一下我的代码。为什么文本不显示？我怎么才能让它工作呢？我正在尝试创建一个最多3个文本在它的HStacks。我在这里只使用数组来渲染文本7次。具有7个元素的数组的预期结果-> 我想创建一个3 HStacks的VStack，在第一个2 HStacks我想渲染文本3次，在最后的HStack我只想要一个文本。(比如我有7个数组

浏览 6提问于2019-07-15得票数 0

2回答

在ReactJs组件中替换状态时如何避免“具有相同密钥的子”

reactjs

我已经创建了一个React组件，它呈现一组给定ids数组的子元素。ids数组保持在父组件的状态，然后根据ids运行一些ajax调用来获取要呈现的数据。获取的数据以状态存储在单独的数据数组中。呈现的组件使用id作为键。 I可以根据组件之外的操作进行更改，因此我在组件上使用setState替换数组。更新后的id状态可能包含一些与原始

浏览 1提问于2014-09-28得票数 33

回答已采纳

2回答

如何使createRef/useRef不以最后一个值为目标。而是去它应该去的地方

reactjs、reference、buttonclick、use-effect

无法设法使useRef/createRef获取除最后添加的div以外的任何其他div。当单击按钮时，div的引用会发生变化，我该如何做到这一点呢？我用useRef和createRef都试过了。但是我的解决方案并没有帮助我解决我最大的问题我做了一个包含3个组件的小项目来帮助你理解我试图解释的内容。在我的实际项目中，我也有一个包含模拟数据->的数据库，这不是问题所在。它是一个包含对象的</e

浏览 17提问于2019-07-02得票数 0

回答已采纳

1回答

React -根据其他组件的位置呈现组件

reactjs、react-hooks

我想在两个盒子之间划一条线。所以我有两个框的组件，我希望第三个组件呈现为这两个组件之间的一条线。在渲染完成之前，我不知道这两个框的位置和尺寸，因为这将取决于其他组件的渲染。为了绘制这条线，我需要两个框相对于一个共同的父元素的位置。(这条线是用绝对位置绘制的，所以不会影响长方体。) 所以问题是，我如何在React

浏览 26提问于2021-10-30得票数 0

1回答

将状态作为道具传递给孩子是一种好的做法吗？

javascript、reactjs

通常情况下，我知道我会重新渲染节点，这样更改就可以传播，状态也不会到处都是。最近，我发现自己将这个组件的状态作为道具传递给使用的第一个子组件。为了绝对清楚，这就是我的意思： handleClick: function(){ return <div onClick={this.handleClick}>{this.props.count}&

浏览 0提问于2015-04-22得票数 20

回答已采纳

3回答

只返回一次，但多次返回

reactjs

如果需要，尝试显示* once在该配置组中为真，但显示两次[ {isRequired: true, in: "E", sort: 10}, {isRequired

浏览 0提问于2019-10-29得票数 0

2回答

为什么屏幕上不显示任何内容-关于唯一关键道具的警告(React Native)

react-native

我正在创建一个应用程序，并尝试使用组件，最重要的是，动画。我有以下包含两个类组件的代码：import { StyleSheet, Text, View, TouchableOpacity, Image, ImageBackground, Animated, Easing, Platformimport { frame1 } from

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

回答已采纳

3回答

使用react中map函数的包装器呈现元素

javascript、reactjs

我有一个react组件，我需要它来根据数组中的项呈现一组元素。我已经设置了一个函数来渲染数组中的所有元素，它工作得很好。现在我想把呈现的元素分成两个不同的包装器元素。我尝试了几种使用if语句和开关的方法，但我的代码变得非常混乱。我想看看是否有一种更干净的方法来做这件事，这样可

浏览 31提问于2019-01-18得票数 0

回答已采纳

1回答

React自定义安装挂钩

reactjs、react-hooks

我总是忘记在React的useEffect钩子中添加空的依赖数组，以便只运行一次效果。这就是为什么我决定使用一个自定义钩子，在它的名字中有一个明确的意图，只在挂载上运行一次。但我不明白为什么它要运行两次？import "./styles.css"; func

浏览 23提问于2020-05-10得票数 0

回答已采纳

1回答

React JS将元素呈现给我的Django应用程序中只有一个html页面的Dom

html、django、reactjs

我有一个前台在ReactJS的Django应用程序..如果我在同一个html文件中有两个in，它只渲染两个元素

浏览 0提问于2020-02-27得票数 1

4回答

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

reactjs

我正在建立一个画廊应用程序，我需要创建多个HTTP请求，以拉画廊条目(图像和视频)。谢谢

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

回答已采纳

1回答

useEffect在React.js中的怪异行为

reactjs

在我的React应用程序中，我遇到了一些奇怪的行为，其中setEffect的状态(比如state1)作为第二个参数，在没有调用setState1的情况下改变了另一个变量(而不是状态)。因此，我编写了以下代码，以查看是否会发生相同的情况，并做到了： function App() {SETINTERVAL_coun

浏览 1提问于2020-09-25得票数 2

回答已采纳

1回答

如何在react中更新深度嵌套状态？

javascript、reactjs、state

我正在创建一个sudoku board，它在网格中呈现JSX div对象，如下所示。only property 'children' of object '#<Object>'this.state.board[index].props.children 成为一个新的数字

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

1回答

正在调用React* useEffect deps*

reactjs、react-hooks、use-effect

我有这样的效果： if (!maximumTocAttemptsExceeded) { console.log('Here I need to reach'); }我的疑问是：如果error但是我没有在useEffect中使用它的值。而且，maximumTocAttemptsExceeded也来自道具，我需要把它作为钩子上<

浏览 1提问于2021-01-29得票数 0

1回答

React自定义钩子批量更新

reactjs

据我所知，useState钩子的更新函数应该以批处理方式运行，而不是每次我们调用它时都重新呈现组件。); }, [source]); } 但当我多次使用它时，每次发射都会导致重新渲染

浏览 19提问于2020-07-13得票数 5

点击加载更多