我使用的是React-Context-API而不是redux，但是在创建了StateProvider和reducer之后，当我将应用程序组件包装在Index.js中的StateProvider中时。我的整个应用程序都被本地主机上的一个白色页面所取代。代码片段如下所示。/reducer";
<React.StrictMode>
<StatePr
浏览 35提问于2021-09-06得票数 1
回答已采纳
一个父组件-- App用一个Context.Provider包装--传递App的状态。子组件实际上执行重命名器但是，componentDidUpdate没有被触发。我怀疑这与反应的肤浅比较有关..。代码示例(也在Codepen：上)
const StateContext = React.createC
浏览 1提问于2020-01-26得票数 1
回答已采纳
我使用react钩子创建应用程序，而socket.io-client用于烧瓶和react之间的通信，试图访问应用程序不同组件中的socket.io-client实例，使用这个库import { StateProvider } from './shared/store';
const
浏览 4提问于2020-10-22得票数 2
1回答
StateProvider.jsimport '..from 'react';impor
浏览 3提问于2022-11-04得票数 1
回答已采纳
我的项目中有三个主题，我想用React Context API来处理主题切换过程，但是我得到了这个“超过最大更新深度”的错误。我该怎么处理呢？/context/StateProvider"; <React.StrictMode>
浏览 6提问于2020-10-03得票数 0
回答已采纳
import React, { useContext} from "react";错误指向这一行代码const [{}, dispatch] = useContext(GlobalContext);import React, { useReducer } from "react";
export const GlobalCon
浏览 1提问于2020-07-17得票数 2
回答已采纳
我有一个带有路由的主要应用程序组件，它包含两个组件：(请参见下面给定的代码)
我面临的问题是，当我第一次点击http://localhost然后，我点击书签链接，它呈现http://localhost:3001/bookmarks路由和相关组件，并进行和API调用来呈现书签列表。但是当我回到使用路由器http://localhost:3
浏览 0提问于2019-08-06得票数 5
我看到了childContextTypes和context。propTypes: { }, a: React.PropTypes.stringgetChildContext() { a: this.props.a}
浏览 2提问于2017-09-19得票数 2
回答已采纳
在我们的react网站开发过程中，我们遇到了一个问题，比如说我们有一个充满不同组件的页面，我们目前的设计是所有的组件都“在”一个母组件下，当任何一个组件更新时，它会通过调用母组件的一个函数来“报告”更改的值给母亲，而母亲组件会做一些“数据消息”，然后将值存储在她的状态中。然而，由于母组件状态改变，这将导致其所有子组件重新计算/重新渲染，这会导致极高的CPU负载，浏览器甚至会因此而挂起。 我希望在这种情况下寻求建议，什么是最好
浏览 34提问于2019-10-18得票数 0
摘要关于如何调试这个问题的一些建议，我将非常感谢！相关信息const StateProvider = require("./s
浏览 2提问于2020-03-10得票数 0
1回答
我正在使用React和Typescript来创建和管理同一个静态页面上的多个小组件，到目前为止，这真的很好。我有几个上下文封装在一个状态提供程序组件中，如下所示： <StateProvider> </StateProvider>,);
ReactDOM.rende
浏览 4提问于2020-12-23得票数 0
4回答
我无法在ReactJs中的父组件(App.js)、子组件(Guest.js)中呈现我的状态。我不确定第11行{this.props.children}是否应该存在。App.jsimport React, { Component } from &#
浏览 3提问于2020-06-03得票数 0
回答已采纳
我在使用上下文渲染组件时遇到了一些问题。AppProvider类有一个名为add的函数，用于更改状态。我使用上下文将add函数和状态传递给组件。每当组件上发生Onclick事件时，add方法都会设置一个新状态。似乎AppProvider每次调用时都会传递一个新的实例。它应该是这样的吗？我如何使
浏览 0提问于2018-08-31得票数 0
1回答
我试图找出React和Redux之间的区别。博客说他们之间的区别如下。Context API提示对每个状态更新进行重新呈现，并不管如何重新呈现所有组件。然而，Redux只重新呈现更新的组件。我已经构建了测试项目，并且我发现Context API只重新呈现来自消费者内部的组件。但我不明白。我认为它们的原则是相同的，我找不到代码中的区别。我想知道为什么上下文API会在
浏览 1提问于2021-04-25得票数 3
回答已采纳
我正在使用React的上下文api来存储一组项。有一个组件可以通过useContext()访问这个数组，并显示数组的长度。还有另一个组件可以访问该函数，以便通过useContext更新此数组。将项添加到数组中时，组件不会重新呈现以反映数组的新长度。当我导航到应用程序中的另一个页面时，组件重新呈现并反映数组的当前长度。每当上下文中的数组发生变化时，我都需要重新呈现该组件。我尝试过使用Conte
浏览 1提问于2019-09-08得票数 10
回答已采纳
2回答
我正在构建一个带有React的电子商务应用程序，并且在将数据从全局状态传递到所需组件时面临一些困难。/context/StateProvider'; <StateProvider initialState={initialState} r
浏览 4提问于2022-03-19得票数 0
我正在使用React Redux为我的Express API构建一个用户界面，我想知道如何处理通过身份验证和未经身份验证的用户。有两个应用程序组件是一个好主意，一个用于经过身份验证和未经身份验证的用户-如果JWT在用户登录后成功调度到redux状态，这两个组件将有条件地呈现在主组件(app.js)中。
浏览 12提问于2020-10-11得票数 0
此确认组件连接到Redux存储。我已经附上了下面的图片。这是我的确认方式。import React, { Component, PropTypes } from 'react';
import AriaModal from '<em
浏览 6提问于2017-05-14得票数 1
回答已采纳
在我的react应用程序中，我要求将API驱动的数据存储在上下文API中。类函数并不是只有我们正在使用的函数组件。const AppContextProvider = (props) => {
resources return (
<AppContext.Provider valu
浏览 0提问于2019-07-29得票数 4
2回答
基本上，我在一个单独的文件夹中的一个组件中有一个状态变量const [data, setData] = useState([])Components
State > State
浏览 1提问于2020-11-16得票数 0
云服务器
ICP备案
云直播
腾讯会议
实时音视频
腾讯云开发者
