如何在嵌套组件中将list "key“值作为道具传递？

文章/答案/技术大牛

发布

1回答

reactjs、list、jsx

(我提前为丑陋的代码道歉--目前正在重构) 我正在制作一个目录，当我单击它的父组件时，嵌套的内容就会出现在其中。对于我的逻辑，我需要将列表key的值传递给它的子级，但我一直收到一个未定义的错误或什么都没有。我尝试像这样传递这个值：key={node2.objectId}和keyId={node2.objectId} 我阅读了有关如何将key值作为属性here和here进行传递的规范

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

回答已采纳

2回答

密钥在ReactJs中的子组件中不可用作支柱

reactjs、jsx

我有一个父组件，下面的组件在映射函数中动态生成，如下所示： <Listing title={list.title} /&

浏览 1提问于2017-12-07得票数 10

回答已采纳

1回答

更改嵌套状态的所有值？

javascript、reactjs

我正在尝试创建一个组件，其中将有十几个嵌套值与几个父道具一起传递。在这个组件中，我有两个按钮，每个按钮都有一个onClick事件，当按下它时，我会尝试将嵌套道具的值传递给一个函数并进行更改，并在视图中进行更新。对于本例，我将只传递someChildProp，下面是一个示例支柱： someChildProp: {

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

回答已采纳

2回答

为什么键是空的？，尽管我创建了它。

javascript、react-native、components、key

我使用自定义组件在数组中创建了一个列表，它工作正常，但不正确，因为我确实试图在组件实现中发送一个“key”支柱，但是在组件中，键支柱并不存在，只是没有定义。预期的行为是访问组件内部的'key‘支柱，并避免在我的应用程序中发出“键不是道具”警告。{ key: 2, definition: "Def 2", example: "Example text 2" }, { <em

浏览 1提问于2019-01-27得票数 0

回答已采纳

1回答

React (本地)导航切换搜索栏

javascript、reactjs、react-native、react-router、react-navigation

我已经苦苦挣扎了几天，试图弄清楚如何在react导航中切换搜索栏。28} color="#5751D9" /> ) 然后，我想向headerLeft添加一些逻辑，以便它要么返回齿轮图标按钮组件，要么返回TextInput组件(计划将文本传递给setParams，并在标题下面的list组件中将其用作筛选器)，但我似乎不知道如何在

浏览 6提问于2017-06-24得票数 2

2回答

如何使用React.js在构造函数中将状态属性传递给子组件？

javascript、reactjs、this、bind、prop

如何在构造函数中将父组件的state属性作为子组件的道具传递？是否有一种方法可以将状态的"this“绑定为子组件的道具？

浏览 22提问于2019-03-15得票数 1

回答已采纳

1回答

React:钩子会取代HOC和渲染道具吗？

javascript、reactjs、react-hooks

从React Hooks FAQ中，我们了解到钩子可以替换HOCs并呈现返回/呈现单个组件的道具。我试图更好地理解这一点，以及为什么这是一个事实。让我们先来看看HOC： HOC是一个函数，它将组件作为参数，将其包装在周围的逻辑中，如效果和状态，并返回一个新的组件。自定义钩子到底是如何取代它的呢？我们仍然需要用其他逻辑包装输入函数的函数。查看渲染道具：呈现道具是我们作为道具传递给另一个<

浏览 8提问于2019-06-03得票数 7

回答已采纳

1回答

我正在尝试将一些道具mapObject={this.props.mapObject} details={this.props.parsedData.categories[key]传递给另一个组件Item当我能够在我调用mapObject的第一行访问它们时，道具就被正确地传递了。只是在嵌套的return中，我似乎无法访问它们。我的密码在下面。class List extends React.Component { constructor(prop

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

回答已采纳

1回答

如何将可编辑数据传递给组件？

vue.js、vuejs2、vue-component

有一个Matches组件进行AP调用，从服务器(match_list)获取多个匹配的数据，然后呈现一组Match组件，将数据作为支持传递给这些子组件，以填充它们的初始值。<component :is="Match" v-for="match in match_list" v-bind:key="match.id"v-bind=&

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

回答已采纳

1回答

动态更新道具

vue.js、quasar

如下所示，我的应用程序有一个带有自定义组件的模板。数据作为props (":list")从模板A传递到自定义组件模板A： <template> v-for="list in listGroup" :list="

浏览 21提问于2020-09-22得票数 0

回答已采纳

1回答

是否有嵌套限制来检测detection的变化

reactjs

我正在传递一个带有许多嵌套道具的复杂对象。我有一个组件，它使用深嵌套的道具作为并且，对此布尔值的更改不会在使用它的组件中触发重命名器。我可以在dev工具和日志中正确地看到bool更新，但在对这个组件执行其他操作(比如键入)之后，它会重新显示布尔更新，否则不会调用render。我只想知道detection的变化检测是否有某种程

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

回答已采纳

1回答

如何显示-隐藏列表下的列表点击按钮在React.js？

reactjs、ecmascript-6、react-redux

我从另一个组件调用它。我必须展开/折叠另一个列表下的列表。return this.props.labresult.map(test => { <div> <div> <div className='Result-list__title&#x

浏览 5提问于2016-12-27得票数 0

1回答

从一个react组件中激发另一个react组件的函数

javascript、reactjs、arrow-functions

"> <li className={"to-do-list-element " + item.status} key={item.id; 现在这个方法还可以，但我认为为list元素创建单独的组件可能是个好主意，我做了一些类似的东西： List.js代码 import React from "react"; import ".defaul

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

回答已采纳

1回答

传递带有支持的数据的最佳实践

reactjs、components、code-structure

我有三个组成部分和两个层次的嵌套：function WhatClientSay() { return ( component="section(它只是将一些道具作为化身呈现在照片旁边)： return</Grid>

浏览 6提问于2022-06-13得票数 0

2回答

为什么ref不是子组件中的属性？

javascript、reactjs、ecmascript-6

我最近注意到，在ReactJS中，将ref作为属性传递给组件是不可能的。

浏览 2提问于2018-12-07得票数 1

回答已采纳

1回答

在表示组件中嵌套容器组件

reactjs、redux、react-redux

我正在尝试重构我的应用程序以分离表示组件和容器组件。我的容器组件只是封装在react redux的connect()调用中的表示组件，它将状态和动作创建者映射到表示组件的道具。[id]; return <li key={todo.id}><TodoContainer todo={todo} /></li>;，它只应该在其中嵌套其他表示组件。

浏览 2提问于2016-10-04得票数 27

回答已采纳

2回答

功能子组件不会在属性更改时重新呈现

javascript、reactjs、react-hooks

我有一个非常重的(计算上)功能组件(父组件)，它没有状态，并且有几个具有局部状态的子组件。子对象仅依赖于父对象发送的道具。我将一个函数传递给其中一个子对象(ChildA)，以更改父对象上的变量的值。此变量是另一个子组件(ChildB)的道具之一，该组件具有基于该道具的状态，并在useEffect挂钩中更新它。当作为属性传递的值在父组件上发生更改

浏览 17提问于2020-03-16得票数 1

1回答

如何从插槽内使用的组件访问插槽道具？

vue.js

因此，我所能找到的关于范围槽和传递道具的所有东西对我的特定情况都不起作用：Home/List/ListItem <list :content="displayL

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

回答已采纳

1回答

在TSX组件中使用JSX组件时，如果没有抛出错误，就无法编译

reactjs、typescript、react-typescript

因此，我有一个名为ContractExpenses的类型记录-react组件，我在其中使用了一个名为DynamicSelector的JSX组件，但是我得到了如下错误这是我的<DynamicSelector/>组件的代码 const { data, loading, error } = useQuery(query, { variables });

浏览 3提问于2020-03-05得票数 1

回答已采纳

1回答

formik在initialValues处理程序中访问onSubmit，以便与值进行比较

reactjs、graphql、formik

N如何在我的initialValues处理程序中访问onSubmit？ formProps既有initialValues，也有值。submitProps只有值，但没有initialValues，如果用户更改了字段，则需要进行比较。

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

回答已采纳

点击加载更多