useState钩子的React、createContext默认值问题

文章/答案/技术大牛

发布

2回答

reactjs、typescript、react-hooks、react-context

在我的带有typescript的React应用程序中，我想为一个组件创建一个上下文。如果不提供defaultValue，createContext将显示错误。我想要传递的一个值是setFilters，它是一个钩子调度程序。我应该如何提供默认值？我不希望它是可选的，以防止调用!。export interface ContextProps { setFilters: React.Dis

浏览 106提问于2020-06-09得票数 0

1回答

在React上下文中侦听对象内的值的更改。

javascript、reactjs、typescript

一个简单的Counter类，包含两个方法，存储在React上下文中。import { createContext, useContext } from "react"; public count: number = 0; import { useMemo } from "react"; import { CounterProvider,

浏览 5提问于2022-01-13得票数 1

2回答

如何使用useContext更改上下文的值？

javascript、reactjs、react-hooks、react-context

在React 16.8+中使用useContext钩子可以很好地工作。您可以创建一个组件，使用钩子，并利用上下文值，而不会出现任何问题。我不确定的是如何将更改应用于上下文提供程序值。1) useContext钩子严格来说是消费上下文值的一种方式吗？2)有没有一种推荐的方法，使用React钩子来更新子组件的值，这将触发任何使用带有此上下文的useContext钩子

浏览 2提问于2019-02-18得票数 107

回答已采纳

1回答

对类型文本上下文的反应-类型问题

javascript、reactjs、typescript

Type '{ isCartOpen: boolean; setIsCartOpen: React.Dispatch<React.SetStateAction<boolean>>; }' is notvalue' which is declared here on type 'IntrinsicAttributes & ProviderProps<AppContextInterface>'import { createCo

浏览 18提问于2022-03-24得票数 0

回答已采纳

1回答

更清晰的反应环境

reactjs、react-hooks、react-context

我开始使用钩子在反应与ContextAPI。这是我使用钩子的第一个上下文示例： export const Or

浏览 0提问于2019-07-31得票数 3

回答已采纳

1回答

我有很多问题后，注册Firebase auth与我的电子邮件和密码。当我用那个方法时，

reactjs、firebase、firebase-realtime-database、firebase-authentication、react-router-dom

我的导航栏不再works.and我的web应用程序崩溃。这是注册表格代码。我在这里输入用户名、电子邮件地址和密码。当我点击注册按钮，它带我到我的个人资料页面，但当我试图返回到主页，它崩溃。import React, { useState } from "react"; const [isEmail, setEmail] = useState(false)

浏览 5提问于2022-11-28得票数 0

2回答

为什么上下文提供程序不将带有useContext的道具作为函数传递给子程序

reactjs

我试图使用子函数内部的useContext来访问上下文道具，但是道具始终是默认的 return ( <Context.Providerreturn <><&#

浏览 4提问于2021-10-21得票数 0

1回答

在生活中使用反应钩违反了钩子的规则

javascript、reactjs、react-hooks、use-state、use-context

背景我希望我可以用自己的api方法创建一个上下文来更新内部状态。在我的代码示例中，我试图用生命来完成这个任务。 const [

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

回答已采纳

2回答

如何在类型记录中将"null“设置为setstate函数？

reactjs、typescript

我正在创建需要如下初始值的react上下文 checkInDate: null<React.SetStateAction<Date | null>>; setCheckOutDate: React.Dispatch<React.SetStateAction<Date | nullrenderTab() : r

浏览 4提问于2022-11-15得票数 0

回答已采纳

1回答

如何在获取数据时使用useEffect和useContext？

reactjs、next.js、use-effect、use-context、createcontext

我试图在获取数据时使用React的上下文API和钩子。import { ColorContext } from '..&

浏览 4提问于2022-04-07得票数 0

1回答

在React中使用上下文API

javascript、reactjs、context-api

我开始使用React中的上下文api，并决定创建一个简单的主题上下文。现在，如果我转到我的React DevTools并将boolean isLightTheme更改为false，它可以工作，但当我尝试将此功能附加到按钮时，我总是收到错误。有人能帮我吗？主题上下文 import React, { useState, createContext } from 'react' export const ThemeCo

浏览 19提问于2020-06-15得票数 1

回答已采纳

1回答

响应useContext useReducer状态钩子错误

javascript、reactjs、react-hooks

import Axios from "axios"; try { switch (a

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

回答已采纳

2回答

createcontext中缺少一些大小写

javascript、reactjs、react-hooks

我正在学习react库的新特性/新方法，而不是通过组件传递道具，我使用钩子和上下文am通过ı传递数据，而不是通过道具。所以在某些情况下，如果默认值在createContext中为空，我就会遇到这个错误；它会给我TypeError: Cannot read property 'getWeather‘of undefined如果假设值是0，就像createContext(0)，它可以工作，但数据没有被获取。我遗漏了一些小问题，但不知道它在哪里:)？我通

浏览 1提问于2019-07-25得票数 1

1回答

将道具从高级组件传递到较低级别组件，在游戏中反应路由器。

reactjs、react-router、parent-child、react-router-dom、react-props

目前，我的应用程序中的所有路由都是用App.js定义的。希望能够将状态(作为道具)从对齐组件传递到GPfSOA组件。尝试将item.alignment (对齐的名称)从对齐组件向下(或向上)传递给GPfSOA组件，以便在那里呈现。item.alignment是Alignmnet组件状态的属性。剪切并粘贴来自App.js的所有路由，它们是对齐组件的子路径，并将它们粘贴到对齐组件中)？很难理解如何将特定组件定义为父组件，而将另一个组件定义为该组件的子组件

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

回答已采纳

2回答

reactjs、typescript、react-context

最近，我看到了Jack的一段youtube视频，他在视频中使用useState作为上下文提供者的价值。这让我觉得很有趣，但是当我尝试用类型记录做同样的事情时，我被如何输入初始状态完全搞糊涂了。示例JS代码： <CounterContext.Provider value={use

浏览 6提问于2022-04-22得票数 0

回答已采纳

点击加载更多