createContext()和useReducer()会收到相同的'initialState‘对象吗？
createContext()和useReducer()不会收到相同的'initialState'对象。
createContext()是React中的一个API，用于创建一个上下文对象，该对象可以在组件树中的任何地方被访问。它接受一个参数作为初始值，这个初始值会被传递给所有使用该上下文对象的组件。每个组件可以通过调用useContext()来获取该上下文对象的值。
useReducer()是React中的一个Hook，用于管理组件的状态。它接受一个reducer函数和一个初始状态作为参数，并返回一个包含当前状态和dispatch函数的数组。reducer函数接收当前状态和一个action对象作为参数，并返回新的状态。
由于createContext()和useReducer()是两个独立的API，它们之间没有直接的联系。因此，它们不会收到相同的'initialState'对象。在使用它们时，需要分别提供相应的初始值。
相关·内容
尝试使用typescript + react hooks + context api时，我注意到createContext和useReducer都有必需的'initialState‘参数。只定义一次，然后将相同的对象传递给两者，这感觉很奇怪，这让我想知道有什么不同。
浏览 17提问于2020-06-18得票数 0
回答已采纳
我正在尝试使用contextApi和钩子来实现类似于redux的行为，但是我在使用typescript时遇到了一些问题。 我希望同时提供应用程序的状态和分派，以便能够从组件中访问和修改存储。问题是，当我使用createContext时，我手头仍然没有state和dispatch对象，因为我只能在React组件中调用useReducer。因此，我只能在声明参数类型为any的情况下调用createContext<
浏览 24提问于2021-01-22得票数 0
回答已采纳
我刚开始打字，我一直在尝试设置createContext和useReducer。但我得到了以下错误。任何能提供一些信息或帮助的人都将不胜感激。
interface
浏览 4提问于2022-07-14得票数 1
回答已采纳
2回答
我想用React和Context API来设置状态管理，并发现了这个很酷、简单和简短的。import React, { createContext, useContext, useReducer } from 'react';
export interface IStatevalue={useReducer(reducer, initialState)}&
浏览 3提问于2020-11-25得票数 1
1回答
我对类型记录很陌生，在使用useContext和useReducer钩子时，我的变量useContext和useReducer出现了以下错误：
const App = () => { const [state, dispatch] = useReducer
浏览 0提问于2019-08-07得票数 4
回答已采纳
2回答
假设我实现了这样一个简单的全局加载状态：import React, { createContext, useContext, useReducer } from'react';
const initialState = {(reducer, initialState</e
浏览 1提问于2020-01-31得票数 9
回答已采纳
我在reducer中存储了一个对象： editProductBasket: [{ price: "12",
&#x
浏览 16提问于2020-11-06得票数 0
回答已采纳
但是，当我试图在我的框上这样做时，它似乎找不到正在通过useReducer传递的状态值。export function AdminStoreProvider(props: any) {如果我改变了我创建上下文的方式，我就可以推断出：
export const AdminStore = React.createCo
浏览 0提问于2019-02-07得票数 51
回答已采纳
我在打字稿中使用CreateContext，我可以理解为什么代码会出现问题，但我无法解决它。它是对typesafe TX的基本使用，使状态和(useReducer)调度在组件层次结构中可用。的接口(我认为它必须是一个部分，因为createContext不会使用零args)上下文在我的父组件中初始化
浏览 3提问于2022-01-26得票数 1
回答已采纳
1回答
这是上下文文件export const GlobalDispatchContext = createContext()
isLoggedIn: "logged(reducer, initialState
浏览 3提问于2020-03-12得票数 0
我正在开始重新分解我的反应状态管理，以利用上下文API。import React, {createContext, useContext, useReducer} from 'react';export const StateProvider = ({r
浏览 0提问于2019-06-08得票数 0
‘类型中的下列属性: navigateTo、user、avatar、dashBoardSelectedMenuItemts(2739) index.d.ts(338、9)：预期类型来自在'IntrinsicAttributes& ProviderProps’(JSX属性)React.ProviderProps.value上声明的属性'value‘：InitialState
}
const initialSt
浏览 5提问于2021-11-14得票数 2
回答已采纳
在一个React组件中使用多个'useContext‘钩子是一种好的，甚至是传统的方式。通常我从提供程序中提取状态和分派，如下所示：当然，这意味着我在上下文本身中定义了state和dispatch。当然，我可以将state和dispatch命名为不同的名称，但是，我认为在使用useReducer钩子时只使用这两个名称是惯例。
有没有人能对此有所
浏览 1提问于2020-07-04得票数 2
下面的代码会抛出错误：frontend_1 | Property, useReducer } from "react";
test: "text-string"
<&
浏览 6提问于2021-12-29得票数 1
回答已采纳
我正在尝试建立一个具有一些功能的Global，这些功能可以导出到其他组件。这是我的密码
export const GlobalContext = React.creat
浏览 5提问于2020-11-14得票数 0
: "",SKU: ""} 现在，在一个表单中，我分派了一个有效负载包含完全相同的对象的操作，唯一的区别是键S、M、L、XL可以改变。然后，在我的reducer中，我希望通过匹配_id在我的原始状态中找到相同的对象，然后用有效负载附带的对象更新它。： import React, { cr
浏览 27提问于2020-04-05得票数 1
回答已采纳
1回答
我有一个组件(让我们称它为祖父母组件)，默认情况下它有一个输入框、(>)箭头和一个添加按钮，每当我单击“添加”按钮时，一个新的输入框就会得到generated.Now --只要我单击(>)按钮，一个新组件就会打开，在这个默认输入框中，(> )也会出现一个相同的添加按钮，如果我在其中添加了什么并单击(>)按钮，一个新的组件应该打开，一个输入框(>图标)和add按钮应该打开。"product": {
"face"
浏览 4提问于2022-07-16得票数 0
回答已采纳
我一直在尝试遵循Medium上的一些教程，其他Stack overflow帖子，以及一些随机的博客帖子。page : <FormLogin/>
<AppProvider initialState={initialState} reducer={reducer}>, useContext, useReducer } from 'react';
export const AppContext = createCon
浏览 26提问于2019-05-17得票数 1
回答已采纳
1回答
我面临的问题是如何在MovieContext.Provider的value prop中实现deleteMovie和addMovie的功能。下面是我收到的错误： Type '{ movies: MovieAttribute[]; deleteMovie: (id: number) => void; addMovie: (id: number，我还没有声明我的提供程序的值不包括“函数类型”，这是正确的吗？
浏览 58提问于2020-08-31得票数 1
回答已采纳
我已经创建了一个全局上下文，它将管理我的应用程序的几个UI状态。目前，状态只有一个属性，可以处理是显示登录视图还是显示Signup视图。我还键入了以下国家和行动： authView: AUTH_VIEWS authView: 'setAuthView = (view: AUTH_VIEWS) => dispatch({ type: 'SET_AUTH_VIEW', view })
由于我已经显式地
浏览 12提问于2021-12-20得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
