React:在组件之间传递道具始终是未定义的-上下文API

文章/答案/技术大牛

发布

1回答

reactjs、context-api

我试图将一些数据传递给另一个组件，我可以在这两个组件中使用console.log()，并且在第二个组件上看起来是一个对象，但是当我尝试使用它时，系统告诉我它是未定义的和另一个组件：背景上下文：和一个对象的示例：<

浏览 8提问于2020-06-10得票数 1

回答已采纳

1回答

什么是最好的方式反应本机存储全球应用程序数据在许多屏幕上使用？

reactjs、database、firebase、react-native

我正在制作一个，我需要用户数据(从firebase数据库获取)在第一个屏幕之后立即可用，并且可以在许多其他屏幕上使用。由于它是完整的用户对象数据，我不认为通过导航道具传递它是合适的。所以我在寻找替代方案。有人能帮忙吗？

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

回答已采纳

2回答

和单独的JS文件存储用户数据有什么不同？

javascript、reactjs、react-context

我是ReactJ的新手。正如我所理解的，React上下文API用于在组件之间共享数据，以避免在嵌套组件中重复使用道具传递数据。但是我可以用一个简单的单独的JS文件来完成它。在JS文件中，我可以简单地声明一个对象来保存数据，并具有一些函数来更新或获取所有组件中存储的数据。用于存储用户数据<em

浏览 5提问于2021-01-14得票数 3

回答已采纳

1回答

上下文数据不会传递到嵌套组件: React+Typescript+ContextAPI

reactjs、typescript、react-context

我正在使用上下文API来避免在组件之间钻入道具。我有一个组件，它有两个弹出模式的组件。当我试图在包含组件数据的范围内获取上下文数据时，但是在模式中我不会得到。如果我再次传递这个上下文数据作为道具传递给这些模式，那么如果我获取这个支持访问器，那么我就能够获取。我哪里出问题了？如

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

回答已采纳

2回答

通过路由道具将状态从子节点共享到父节点

react-native、react-native-navigation

我是React领域的新手，我想知道如何在两个组件之间共享状态。解决方案包括将组件的状态作为道具从父组件路由到子组件，并使用此道具设置子组件的状态。从子节点到父节点，将更新后的状态作为道具进行路由，并使用useEffect设置新状态。我写了一个简单的代码来更好地解释我的</

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

1回答

如果上下文API不持久化，为什么要使用它？

reactjs、react-hooks

这更多是出于好奇，但是如果上下文API在刷新时不持久化数据，那么使用上下文API又有什么意义呢？我知道我们可以用localStorage来解决这个问题，但是为什么不直接使用localStorage呢？对于Redux，您仍然存在相同的问题，因此您可以使用中间件来解决这个问题。我确信我在这里遗漏了一些东西，但我最近一直在处理上下文，当它在开发过程中不断刷新时，它会让我发疯。

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

2回答

使用jest和react -jest library测试react上下文

reactjs、unit-testing、jestjs、react-hooks、react-context

我正在尝试为我的component App.js设置测试，它接受一个context作为道具，并返回一个提供者。问题是，当我试图测试它时，我传递给它的上下文总是解析为undefined。我在组件中放置了一个控制台日志，并在创建上下文和创建组件之间放置了一个控制台日志(它应该将上下文作为参数接收)。由于某些原因，这导致组件中的console.log最先出现。这可能就是

浏览 1提问于2019-04-14得票数 6

1回答

如何在不呈现父组件的情况下设置子组件？

reactjs、reactive-programming

我的父组件检索列表并将其膨胀为表。我知道这可以用redux来完成。有没有另一种方法可以简单地设置子组件而不呈现它，然后在单击cb上设置它的道具？return <ChildComponent data={props.data.data[event.index]} />这不调用ChildCompon

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

回答已采纳

1回答

如何用反应钩动态地将路由坐标传递给传单

reactjs、leaflet、react-leaflet、leaflet-routing-machine

我正在尝试创建一个应用程序，该应用程序将从自动完成框中获取源和目的地位置，地图显示两个点之间的路线：我使用了两个useState来存储源和目的地的值。之后，我将这两个值作为支持传递给我的路由组件。但问题是，在我的路由组件中，我将目标的道具数据作为“未定义的”接收。注意:在上面的代码中，现在我已经直接设置了目的地的</em

浏览 4提问于2021-07-16得票数 0

回答已采纳

4回答

将React的上下文用于具有步骤的表单通常是一个好主意吗？

javascript、reactjs、react-state-management

如果我有一个包含几个步骤的表单，我应该在父组件中使用上下文API或状态吗？

浏览 50提问于2021-04-21得票数 0

4回答

在REACT中将数据发送给其后代的最佳方法是什么

javascript、reactjs

例如，我有一个父组件(我称它为动物)和几个子组件(狗、猫、马)和子组件(牧羊犬、英国猎狐犬、狐狸、德国牧羊犬)。如果我想发送一个函数从动物到Collie，我必须发送这个函数到Dog组件和从Dog到Collie，只有在2个属性之后我才能在Collie组件中使用这个函数。有没有更好的方法将函数从动物直接发送到Collie？

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

1回答

反应应用中用useContext代替道具

reactjs、react-hooks、react-props、react-state-management

在父反应组件中创建状态对象以及使用useContext在嵌套组件之间上下传递数据有什么缺点吗？这会消除对道具的需求吗？似乎是一种更容易、更符合逻辑的方法来组织数据。

浏览 2提问于2020-03-06得票数 4

回答已采纳

1回答

为什么我们在ReactJs中使用上下文API？如果我们使用简单的道具会发生什么？

javascript、reactjs、react-hooks、react-props、context-api

我的问题是为什么我们在ReactJs中使用上下文API？我知道一点答案，但概念不是很清楚。例如，我们有4个组件( compA，compB，compC，compD)将数据从compA传递到compD。我们使用上下文API，因为我们不想在组件之间传递数据，但我们可以通过在compA中导入compD并将道具从compA传递到compD来实现我们

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

3回答

将从API获取的数据作为道具传递给组件。

javascript、reactjs、api

我试图理解并学习如何将数据作为道具传递给其他组件使用。Iam试图构建一个顶层层次结构，其中API请求是在顶级的类中发出的，然后将结果传递给子组件作为道具，然后在状态中使用。问题是，当我传递结果时，我在我的子组件中得到了“对象承诺”。如何访问作为道具发送给子组件的数据？正如您在

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

3回答

无法通过navigationOptions将道具传递给组件？

react-native

基于的反应导航，这应该是可行的！但我想弄清楚我的设置有什么问题。我的代码：exp

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

回答已采纳

2回答

使用从一个组件到另一个组件的异步函数

javascript、reactjs、event-handling、typeerror、solidity

我正在用松露的反应盒编写Dapp的代码。对于该应用程序，我需要在App.js以外的另一个组件中使用智能契约中的一个函数(仅两个getter)。这个函数是getUser，它需要以来自Login.js的形式。但我得到了以下错误：未处理拒绝(TypeError)：无法读取未定义的属性“状态”，然后尝试添加到Login中，在App.js中找到相同的componentDidMount和state (通过导入)，但是我得到了以

浏览 3提问于2020-11-03得票数 0

1回答

如何将父级的道具作为上下文传递给它的子级？

javascript、reactjs、react-context

所以我在react中获取一个数据，我想从一个上下文中的响应中传递一个单独的值作为prop，trendingData来自api调用中的一个响应。trendingData} /> </MainContainer> ); trendingData的初始值<e

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

2回答

React依赖注入还是类似的？

angularjs、dependency-injection、reactjs

在Angular.js中，可以使用依赖注入。我做了一些浏览，但没有找到它的实现。React有类似的东西吗？

浏览 57提问于2015-05-19得票数 33

回答已采纳

2回答

如果我将一个反应性组件封装在一个大的中，它们会共享道具吗？

javascript、reactjs

我希望在所有组件之间共享道具，但使用包装组件，例如：return ( <Image/>

浏览 2提问于2021-09-26得票数 2

回答已采纳

2回答

在多大程度上我们可以将道具传递给所有的子组件

javascript、reactjs、redux

我有一个应用程序代码import { Route, Switch } from "react-router-dom";import {useSelector} from 'react-redux' container=

浏览 5提问于2021-10-23得票数 3

回答已采纳

点击加载更多