无法在map函数内渲染

文章/答案/技术大牛

发布

2回答

javascript、reactjs、dictionary、components、jsx

我有一个map函数，它应该返回一个带有解构属性的组件，当我在控制台记录它们时，我会收到所有正确的值。但是，当我将它们向下传递给组件并将它们插入到返回中时，什么都不会呈现。父组件： function renderThings() { activities.map((activity

浏览 22提问于2021-06-02得票数 0

回答已采纳

2回答

无法在map函数内返回jsx

reactjs、return

我不能显示我的消息，我想这是因为我的ChatRoom组件代码在映射和返回语句中有一些问题，有人能帮我修复这个错误吗？非常感谢!88 | return ( < div > { idField: 'id' return ( <div>

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

1回答

React无法读取未定义的属性映射

javascript、reactjs、ecmascript-6、fetch-api

我是个新手，我正在尝试从rails api引入数据，但是我得到了错误TypeError: Cannot read property 'map' of undefined }) return( {this.state.contacts.map

浏览 0提问于2017-07-31得票数 12

回答已采纳

3回答

JSX属性中的Lambda是反模式吗？

reactjs

我今天开始使用一个新的linter (tslint-react)，它给了我以下警告：我知道这会导致每次渲染时都会创建一个新函数。这可能会触发不必要的重新渲染，因为子组件会认为它的道具已经改变。但我的问题是，否则如何在循环内将参数传递给事件处理程序： customers.map( c => <Btn onClick={ () => this.deleteCust(c.id) } /> );

浏览 1提问于2017-05-15得票数 37

回答已采纳

2回答

在呈现模式后调用函数

javascript、reactjs、reactstrap

我有一个div内的反动带模式，我想调用我的函数，抓住这个div的属性(在它已被渲染)。我在modalShow上尝试了modalShow，在div上尝试了useRef，我尝试在div中调用函数。<div ref={modalRef} {handleModalLoad()}但问题是，我的函数，即han

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

1回答

在map函数中渲染Firebase数据

javascript、arrays、firebase、google-cloud-firestore

我试图渲染来自firebase get函数的数据，但它没有显示任何内容。图像console.log显示2个值，但它不会呈现在页面上。有没有人建议为什么会这样。function cards(){ images = snapshot.docs.map(doc => doc.data().image) return images

浏览 23提问于2021-06-12得票数 0

回答已采纳

1回答

ReactJS - .map函数中的REST API查询？

javascript、reactjs、promise

最初，我让调用在componentDidMount函数内的for-each循环中完成。但这需要在循环内调用setState，以便触发重新渲染。行为是不稳定的，有没有办法返回元素值而不是promise？(可能更多的是JS问题而不是React问题...)return (<div> {this.props.currentProject.Tasks.map((ta

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

0回答

在渲染过程中无法更新，在图像onError函数上

javascript、react-native

我刚刚得到warning关于在渲染过程中无法更新的信息。建议我在ComponentWillMount上进行更新。但我在检查图像是否为Error (not Loaded)后更改了状态，因此我必须在渲染函数上更改状态。index].imageError = true; } this.state.data.map

浏览 1提问于2018-07-10得票数 0

1回答

试图映射数组中的数组并在表中显示

javascript、reactjs、sequelize.js

在react中，我需要对对象中的Medicine数组进行map，以获取所有的药物名称，然后我想要对medicine数组进行map，以获得它们被占用的时间。== 0 && user.Medicines.map(item => { console.log(item)函数(也在上面的代码中显示)移开，我就碰到了一个范围问题，无法再看到来自第一个map函数的数据。如果我尝试从第二个setSt

浏览 1提问于2021-02-03得票数 0

1回答

更新状态对象不会重新呈现动态创建的组件

javascript、css、reactjs、state、react-hooks

running: false, success: false, } setFilterState(updateFilter) } 我这样做是因为每次调用这个函数时更新状态的函数由按钮组件中的onClick方法调用。我希望通过检查state对象，我可以在每次单击按钮时呈现具有或不

浏览 28提问于2019-05-10得票数 1

2回答

React functional component如果在另一个功能组件中定义，则重新呈现整个组件

reactjs、react-dom、react-functional-component

const SubList = (number, key) => <p key={number}>{number}</p>; // method 2 return props.numbers.map(SubList); };在方法1中，当我单击Plu

浏览 13提问于2020-03-30得票数 0

2回答

.map()在渲染函数外部工作，但在渲染函数内部使用时失败

javascript、arrays、reactjs、object、redux

当我试图在我的呈现返回中调用displayAssignments()时，我得到一个.map()不是一个函数。但是，我有另一个附加到onClick的函数，该函数执行相同的映射并将"name“登录到控制台，并且该函数按预期工作(当我注释掉displayAssignments()时)。我不知道为什么.map()可以在我的onClick上工作，但不能在displayAssignments上工作。我加入showAssignments函数</em

浏览 28提问于2019-05-10得票数 1

2回答

使用Array.prototype.map()时，react本机键不能正常工作

reactjs、react-native、key、array.prototype.map

我在React Native代码中使用Array.prototype.map()来呈现列表中的一些类别，每个类别都可以作为TextInput进行编辑。我在父元素级别使用唯一键来呈现映射的数组，但我仍然收到以下错误： </View> <Spacer /

浏览 0提问于2021-07-13得票数 1

1回答

在react-native-map中渲染多个标记

javascript、react-native、google-maps-markers、react-native-android、react-native-ios

这是我的代码constructor(props) { coordinate: ([{ { longitude: 101.655449, } };在渲染中：- style={styles.map

浏览 2提问于2016-11-11得票数 18

回答已采纳

1回答

在循环内呈现循环的反应

javascript、reactjs、loops

尝试在循环内循环，但得到错误: value.forEach不是一个函数。我不知道如何在渲染中编写此代码 Object.entries(this.props.detailOras).map(([key, value

浏览 4提问于2020-05-29得票数 0

1回答

无法在React中的map函数内呈现返回语句

javascript、reactjs、ecmascript-6

我正在尝试从我的render语句中的函数中呈现组件。我有两个map函数，我正在尝试返回代码。下面是我的代码的一部分： const rnaSeq = []; this.state.resources.mapresource.category == 'RNA-seq') { }

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

1回答

如何通过Marko.js和Lasso.js使用Google Maps并将全局变量链接到其他模板

javascript、node.js、marko、lasso.js

我在一个使用Marko.js和Lasso.js构建.js和.scss代码的项目中。我可以通过<script>标签成功地与Google Maps API交互。我尝试在文档中使用指南，但它不起作用。我尝试在<script>标记中使用内联js引用index.marko中的全局变量。&callback=initMap'/>的Lasso.js和Google Maps有关，它在另一个<script>标记中有一个对内联js函数initMap()的回调。它抛出一个错误，

浏览 5提问于2019-04-24得票数 0

0回答

单击引导样式表中的行时选择该行

javascript、twitter-bootstrap、reactjs

我尝试过使用onClick函数，但我无法实现它。 let x; x = this.props.data.map(item =>( <td> {item.height} </td> )); r

浏览 3提问于2017-12-01得票数 0

回答已采纳

1回答

在调整大小或平移之前，小叶地图不会正确更新背景切片

javascript、leaflet、mapbox-gl-js

我使用来渲染leaflet中的矢量层。我有一组背景瓷砖，他们可以通过层控制添加。最初，当第一次打开地图并从layers控件中选择每个图层时，不会出现加载或更新问题。在进行调整或平移操作之前，地图无法加载。map.on('baselayerchange', function (e) { //map._update(); //m

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

1回答

ReactJS/Javascript: map函数和渲染

java、reactjs、react-apollo、graphql-js

 {Object.keys(this.props.data).map

浏览 0提问于2018-08-25得票数 0

点击加载更多