react中的组件在.map()函数中时不呈现

文章/答案/技术大牛

发布

2回答

在React.js中使用渲染函数外部的循环

javascript、reactjs、components

我正在使用React.js构建一个棋盘游戏，我想要创建一个循环，将我的"Square“组件呈现64次，以便创建我的"Board”组件。在呈现函数内部运行.map函数时，我能够正确地呈现正方形组件。但是，我不希望在呈现函数中发生.map<e

浏览 7提问于2017-02-27得票数 0

回答已采纳

2回答

javascript、arrays、reactjs、redux、react-redux

我一直在学习react和redux来开发web应用程序(使用丹和乔的egghead.io课程)，但有一些东西即使看了很多次也无法正常工作{TaskManagerStore.getState().tasks.map(task => <T

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

13回答

React onClick函数在呈现时触发

javascript、reactjs、button、onclick、dom-events

我将两个值传递给子组件：module.exports = React.createClas

浏览 77提问于2015-11-22得票数 281

回答已采纳

3回答

呈现组件时，React map函数不执行

javascript、reactjs

正如您在下面的dev tools屏幕截图中所看到的，该子元素确实有一些道具。我的问题是，当组件第一次呈现时，我无法让它们出现在DOM中。我必须再次单击Link元素来重新呈现组件，然后映射函数才能正常工作(第二个屏幕截图)。另一件事是，我在另一个组件中使用了相同的代码，它工作得很好。帮助!import React, { useState, useEffect } from '

浏览 53提问于2021-02-05得票数 0

回答已采纳

1回答

在动态列表中响应钩子-比以前的呈现更多的钩子。

javascript、reactjs、react-hooks

寻找一种允许我在功能组件的动态列表中使用状态挂钩的方法。正如我的代码所支持的那样，列表的重呈现会导致与改变钩子数目有关的错误。我有一个主组件，它呈现一个功能组件列表，列表的长度取决于主组件所持有的状态，该状态可以通过一个效果挂钩来更新；更改是异步发生的。我想让列表项每个都有自己的状态--状态控制一些视觉效果。当

浏览 2提问于2022-06-11得票数 1

回答已采纳

1回答

为什么React.useCallback会触发改进机，尽管它不应该？

javascript、reactjs、react-hooks

我有redux连接组件与onClick动作绑定到它。每次我点击它的重选器，尽管我使用useCallback钩子。以下是我的简化组件： const dispatch = useDispatch(); // from react-redux const coordinates= useSelector(state => state.track.coordinates); // from

浏览 3提问于2019-12-23得票数 0

回答已采纳

1回答

动态重写子呈现

reactjs

我有以下reactJS组件结构 <Child1/><Parent></Parent>在子程序中，我希望有一个简单的呈现<

浏览 0提问于2016-07-29得票数 0

1回答

React.cloneElement()保存的参考文献

javascript、reactjs

我不明白用写的陈述的意义 React.cloneElement(元素、道具、...children )<element.type {...element.props

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

回答已采纳

1回答

为什么AgGridReact的子列组件不呈现？

reactjs、ag-grid

当使用外部函数组件为声明性列定义呈现AG网格表时，它们不会被呈现。此外，在放置断点时不执行列组件呈现。我有以下AG网格表组件：import 'ag-grid-enterprise';

浏览 1提问于2020-12-08得票数 1

1回答

在内部组件中使用钩子

javascript、reactjs、react-hooks、use-effect

我试图用Hook创建组件，但我面临着一个奇怪的问题。初始显示没有问题，但是当我按下按钮(L72)时，mapbox创建的画布将被卸载，没有控制台错误。我试图将MyMap组件移出Tile组件(L35-L45)，然后没有发生上述问题。下面是我的完整代码示例。这是Map<

浏览 2提问于2020-05-13得票数 1

回答已采纳

1回答

如果通过标记设置，为什么内部组件完全呈现？这是一个bug吗？

javascript、reactjs

我遇到了一个令人费解的组件渲染行为。在我的示例中，有一个DataTable组件，您可以在其中编辑每个表格单元格的内容，下面是一段代码(请参阅上的完整示例)。因此，如果您调用内部component Table作为标记中的函数，那么如果您更改单元格中的数据，React将更新当前编辑的单元格。但是，如果您在标记中调用

浏览 39提问于2019-11-02得票数 0

回答已采纳

4回答

react本机:组件在.map中不呈现

javascript、reactjs、react-native、ecmascript-6

它不会在不使用Animated.View的情况下呈现return，而我在许多示例中都看到了这种工作。有人猜测为什么会有这种行为吗？ 

浏览 8提问于2016-12-08得票数 1

回答已采纳

2回答

防止从功能组件发送函数支柱时重新呈现

javascript、reactjs、react-hooks

当将道具发送到PureComponent或functional时，您可以通过使用不更改每次呈现的道具来优化性能，这将防止组件重新呈现。当使用类组件时，这很简单： render() { return <List createRows={this.createRows这可能会造成很大的性能损失。还请注意，createRows不能放在<em

浏览 1提问于2019-04-01得票数 11

回答已采纳

1回答

每次重新呈现组件时，我可以在组件上使用哪种生命周期方法

reactjs

我在componentDidMount中为其中一个组件编写了一个函数来执行自动调整大小，但每当我从App.js文件呈现该组件的新实例时，自动调整大小就不再起作用。这是组件的一部分，但这里的关注点是“componentDidMount”。在这里，我编写了一个函数，确保组件中的某个文本区域自动调整大小。import Reac

浏览 18提问于2019-05-07得票数 0

2回答

在通过异步api调用将新值设置为const后，const为“未定义”。

reactjs

我有一个计算工作轮班的应用程序。人们可以添加特定轮班的愿望，并自动计算它们。后端工作正常，并考虑到愿望，但是当我调用我的api来获取所有愿望并尝试将输出打印到web页面时，我会得到一个错误。TypeError:无法读取未定义的属性“EmpId” import React, {useState} from 'react' import Wish from 'return (

浏览 1提问于2020-06-15得票数 0

回答已采纳

1回答

使用Mapvs.Flatlist在React本地

javascript、arrays、react-native、react-native-flatlist

我很难正确使用状态对象数组上的.map()来显示元素。<View> <View key={event.id}>{event.title}</View>}location = 'UNSET', ) {}有了这个实现，当我添加到数组

浏览 5提问于2020-04-23得票数 0

1回答

如果道具更改，React.memo不会重新呈现

javascript、reactjs、react-memo

我试图从零开始创建一个表组件，使用React组件作为行，以防止不可缺少的重呈现。行单元格是由子函数创建的以行数据、行id、行索引和commitChange函数为参数的反应性组件数组。commitChange函数用于从一行中设置表状态。但是，当从第二个单元格中的textbox编辑行元素时，父表组件上的</

浏览 4提问于2020-11-17得票数 2

回答已采纳

2回答

如何创建一个用映射呈现组件的函数？

reactjs

我正在尝试呈现一个实际上是从后端请求创建的组件，这会给我带来一个数组，依此类推。但是，我在组件中得到了以下错误：'RouteMicrofrontendType 'boolean' is not assignable to type 'ReactElement<any, any>'.

浏览 4提问于2022-03-24得票数 0

2回答

如何避免在反应本机中重新呈现？

javascript、react-native

我试图避免重新呈现不必要的组件。,SetValueState]=useState(5); //hook <Text>{ValueState}</Text> { return (<View><Text>Hello there</Text></View>) } <

浏览 2提问于2021-10-12得票数 1

回答已采纳

1回答

提取功能到独立的自定义反应组件中的反应-传单

leaflet、react-leaflet

我的主要目标是在初始加载时在fitBounds中呈现FeatureGroup时调用react-leaflet。React组件，所以我无法使用React钩子。我尝试过的替代方案不起作用，即使它是包装在一个React组件中的相同的代码- ...same as above...但是，当移动到独立的C

浏览 1提问于2020-04-10得票数 0

回答已采纳

点击加载更多

在React.js中使用渲染函数外部的循环