我试图更好地理解react，所以我创建了一个沙箱示例。我基本上有这样的结构->孩子->孙子。我创建了上下文，然后将App包装在提供程序中，然后在每个组件中使用上下文。当我在孩子中设置上下文时，孩子和孙子会更新，并且上下文看起来与应用程序不同。如果我在孙子节点中设置上下文，那么子节点和应用程序都不会更新。下面是子代和孙子代的上下文： {convo: "A h
浏览 11提问于2021-10-29得票数 1
回答已采纳
1回答
我正在尝试使用react上下文创建一个购物车机制。MenuItemDetailsView是使用父组件上下文的子视图。<h1>{findItemInCart()}</h1> </div>}
子视图应该能够更新上下文问题是父应用程序在更新
浏览 6提问于2021-12-31得票数 0
回答已采纳
我需要触发来自顶级父应用程序组件的那些单击事件。
你会怎么处理这个？我不想将回调函数传递给每个组件，因为它们嵌套得太深了。是否可以让它们的DOM元素在全球范围内/对父App组件可用？
浏览 2提问于2017-01-23得票数 0
回答已采纳
1回答
我有一个应用程序，用户拥有大量的配置文件信息，例如LinkedIn配置文件。我需要更新用户的个人资料。我在根级创建了一个上下文组件，即应用程序，并在多个配置文件组件中使用useContext钩子共享该上下文。用户可以从任何子组件中更改概要文件属性，如标题、概要，并更新全局上下文。当全局上下文刷新时，它将导致使用上下文的所有子组件重新呈现。如何避免在没有更改的情况下重新呈现其他组件。
浏览 4提问于2022-03-22得票数 0
1回答
我试图保持socket.io实例通过所有的应用程序是挂载的。 我使用的是react-native、socket.io和react-navigation。因此我需要反应上下文，以使我socket.io实例保持在所有子组件中。 所以请帮助我如何使用react上下文和react导航，以及如何更新上下文。
浏览 5提问于2019-02-24得票数 2
回答已采纳
2回答
我无法从子组件更新我的上下文对象。下面是用于创建react上下文的提供程序文件，该组件被包装在根app.tsx文件中的整个应用程序中。
浏览 0提问于2021-10-05得票数 1
我有一个顶级上下文提供程序，后面跟着一个父类组件，然后是一个功能性无状态子组件。import ReactDOM from "react-dom";
const Co
浏览 0提问于2019-07-02得票数 3
回答已采纳
1回答
我只想在我的React本机应用程序中创建一个套接字，我使用useContext创建一个全局套接字。但是，当我更新子组件中的套接字时，套接字提供程序上下文更新了，但是子组件没有更新。SocketContext.js
export con
浏览 6提问于2022-11-24得票数 0
我有一个组件，它消耗一些上下文： const value = useContext(MyContext);
};import { createContext } from 'react';
export const MyContext= createContext("Default
浏览 12提问于2022-03-02得票数 0
我希望使用getChildContext将上下文从父组件传递给子组件。只要我在呈现函数中不使用{this.props.children}，一切都能正常工作。如果我这样做，子组件的上下文是未定义的。我不明白为什么组件Baz的上下文的Baz字段是undefined。var Baz = React.createClass({ bar: React.PropTypes.any render: function() {: {
浏览 2提问于2015-05-19得票数 13
回答已采纳
关于新的api，我有两个问题：
constructor(props) { return ( <ThemeTogglerButton />
浏览 0提问于2018-09-29得票数 2
回答已采纳
下面显示的是UserContext.js，它封装了App.js中的所有组件(子组件) import axios from "axios"; const response = await axios.get(`${process.env.REACT_APP_URL{ UserContext };
export
浏览 3提问于2021-05-03得票数 1
3回答
上下文未通过()传递
、、、、
编辑：i能够通过设置{ pure: false }的Redux疑难解答中的建议对上下文更改进行连接子更新，但是我需要将它添加到所有连接的组件中，这些组件都是我想要更新的子组件的父级。类似的问题没有答案我的问题：
由于react-router不提供当前params作为上下文，所以我选择将当前param添加为来自路由组件的上下文。我可以通过组件树一直访问上下文，直到我到达一个使用连接()设置的子节点为
浏览 10提问于2016-05-09得票数 8
回答已采纳
我有一个React组件，它会在发出请求后更新其状态。在这个组件的render函数中，我创建了一个上下文提供程序并传入了状态的值。class App extends React.Component { super(props);然后，在子组件中，我尝试从上下文中获取该值。“defaultValue”，而不是更新后的值。，应该触发重新呈现，并且应该<
浏览 7提问于2020-05-11得票数 1
回答已采纳
我认为一般规则是:上下文使用者只有在上下文值发生变化时才重新呈现。规则：
当提供者的值支柱发生变化时，所有提供者的后代消费者都会重新呈现。提供者到其后代使用者(包括.contextType和useContext)的传播不受shouldComponentUpdate方法的约束，因此即使祖先组件跳过更新，消费者也会被更新。然而，在这个示例应用程序 (为了能够看到应用程序运行，您可能需要把它带到自己的窗口： )，每个组件重新呈现，不管上下文值是否已经改变
浏览 6提问于2022-08-07得票数 1
我正在通过子组件中的回调更新上下文中的共享状态，但这不会导致重呈现，这将导致子组件中的上下文在下一次重呈现之前具有初始值。const UserLocationContext = React.createContext()
export const useUserLocation = () => {
浏览 3提问于2022-04-21得票数 1
回答已采纳
ClientContext： test: "Hello"然后，在我的子组件中，我更新了这个值： contextData = {contextDefaultData,
test: "N
浏览 0提问于2019-03-12得票数 2
回答已采纳
2回答
获取所选项目及其计数
、、、、
我正在尝试制作一个像这样的购物车应用程序，但使用reactjs。在的帮助下，制作了一个AppContext并更新了购物车， if (+cart >= 0) { setCartItems(product); };
在nav.js中，我得到产品的更新计数，但是当我单击袋子菜单(这是购物车页面)时，我无法获取上下文
浏览 15提问于2021-02-10得票数 1
回答已采纳
我是第一次使用React Context API。我有一个JWT Token Generator，它接受header、有效负载和secret的输入。在生成JWT之后，我希望更新应用程序，以便JWT在所有不同的页面上都可用。基于之前的工作，我尝试使用各种形式的React Context来实现这一点，但是在试图将一种“setJWT”函数传递给JWT生成器以便在用户成功通过身份验证时更新此状态值时，我特别遇到了问题。App.tsx (父级) export default
浏览 13提问于2021-07-01得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
腾讯会议活动推荐
腾讯云开发者
