返回参数的useReducer中的泛型类型
在React中，useReducer是一个用于管理组件状态的Hook。它接受一个reducer函数和初始状态作为参数，并返回一个包含状态和dispatch函数的数组。
在useReducer的返回参数中，泛型类型用于指定状态的数据类型。通过指定泛型类型，可以提供类型检查和类型推断的功能，以增强代码的可靠性和可维护性。
例如，假设我们有一个计数器组件，初始状态为0，可以使用useReducer来管理计数器的状态：
import React, { useReducer } from 'react';
// 定义reducer函数
const reducer = (state, action) => {
switch (action.type) {
case 'increment':
return state + 1;
case 'decrement':
return state - 1;
default:
return state;
}
};
const Counter = () => {
// 使用useReducer管理状态
const [count, dispatch] = useReducer(reducer, 0);
return (
<div>
<p>Count: {count}</p>
<button onClick={() => dispatch({ type: 'increment' })}>Increment</button>
<button onClick={() => dispatch({ type: 'decrement' })}>Decrement</button>
</div>
);
};
export default Counter;在上述代码中，我们使用了泛型类型来指定count的数据类型为number。这样，在编写dispatch函数时，我们可以确保传递给reducer的action对象具有正确的类型。
对于返回参数的泛型类型，可以根据实际情况选择合适的数据类型，如number、string、boolean等。
相关·内容
1回答
我使用的是react useReducer，在泛型类型方面有问题。
我想要一个通用的dispatch，但是类型记录使我的dispatch不通用。
这是我的
function reducer<T extends keyof State>(
state: State,
action: Action<T>
): State {
return { ...state, [action.type]: action.payload };
}
const [state, dispatch] = useReducer(reducer, {
state1: "
浏览 1提问于2022-10-21得票数 4
回答已采纳
1回答
为了让它更有意义，让我们看一下这个看起来像react useReducer的迷你简单实现 type Reducer<S, A> = (prevState: S, action: A) => S;
type Dispatch<A> = (value: A) => void;
function useReducer<S, A>(reducer: Reducer<S, A>, initState: S): [getState: () => S, dispatcher: Dispatch<A>] {
let stat
浏览 11提问于2021-01-28得票数 1
回答已采纳
我正在尝试创建一个带有类型的可重用useReducer钩子。
这是我目前的代码：
type State<T> = {
data?: T
isLoading: boolean
error?: string
}
type Action<T> =
| { type: "request" }
| { type: "success"; results: T }
| { type: "failure"; error: string }
function reducer<T>(state: Sta
浏览 0提问于2019-08-24得票数 2
回答已采纳
const [state, dispatch] = useReducer(reducer, initialState);
return (
<Component dispatch={dispatch} />
)
// component file
const Component = ({dispatch}: ???) => ..... 我应该把什么放在问号上？
浏览 13提问于2021-01-12得票数 2
回答已采纳
我有以下代码； import React, { useContext, useReducer, useEffect, } from 'react';
const AppContext = React.createContext({});
const App = () => {
let initialState = { lang: 'en', color: 'blue'};
let reducer = (state, action) => {
if (action === null ) {
浏览 23提问于2019-09-29得票数 2
回答已采纳
1回答
我不太确定我要找什么的术语，但是..。
//here's a new list:
List<string> AList = new List<string>();
现在，如何从"AList“中获取"string”类型？
/*I cant just ".GetType()" a value within the list since there aren't any values
and "AList.GetType()" would give me the type of "List<str
浏览 0提问于2018-09-21得票数 1
回答已采纳
1回答
我已经在谷歌上搜索了一下，没有找到任何可以解释语法的东西。
因此，我对生产者消费者使用Action<T>，其中Action<T>是要执行的消费者操作。我右击Action<T> - 'go to definition‘来查看它的定义，这就是我看到的
public delegate void Action<in T>(T obj);
嗯..。我使用泛型已经有一段时间了，从来没有使用过也没有见过<in T>的语法
有人手头有一个很好的总结来解释语法和它产生的结果吗？
谢谢。D
浏览 0提问于2012-09-06得票数 2
回答已采纳
我正在尝试使用contextApi和钩子来实现类似于redux的行为，但是我在使用typescript时遇到了一些问题。 我希望同时提供应用程序的状态和分派，以便能够从组件中访问和修改存储。问题是，当我使用createContext时，我手头仍然没有state和dispatch对象，因为我只能在React组件中调用useReducer。因此，我只能在声明参数类型为any的情况下调用createContext，以便在此时传递null，并在稍后传递另一个分派和状态。 import React, { createContext, useReducer } from 'react&#
浏览 24提问于2021-01-22得票数 0
回答已采纳
4回答
第6行发生了什么？<C extends Cat>是useMe的返回类型，对吗？<? super Dog>是做什么的？
2. class Animal { }
3. class Dog extends Animal { }
4. class Cat extends Animal { }
5. public class Mixer<A extends Animal> {
6. public <C extends Cat> Mixer<? super Dog> useMe(A a, C c) {
7. //Some code
8. } }
浏览 1提问于2012-01-22得票数 2
回答已采纳
1回答
我正在尝试使用React的useReducer和useContext来构建一个泛型存储区，但是我在推断默认状态时遇到了问题。 store生成器函数如下所示： export function generateStore<Actions extends ReducerAction, State = any>(defaultValue: State, reducer: (state: State, action: Actions) => State): {
provider: (props: { children: ReactNode }) => ReactElemen
浏览 13提问于2020-12-07得票数 1
回答已采纳
我有一个项目，我正在做这个项目，并且对上下文API有一些问题。
我尝试将不同的类型传递给createContext方法，所有这些类型都如预期的那样工作。但是，当我尝试使用useReducer钩子时，会得到以下错误：
Syntax error: Cannot read property 'map' of undefined (0:undefined)
我在空对象中传递了默认值，像这样(我感觉这是我得到错误的地方，但是这个方法以前对我起过作用)：
const AppContext: Context<[AppContextSchema, Dispatch<Dispatch
浏览 3提问于2020-09-08得票数 0
回答已采纳
当我试图在尝试使用useReducer.I时设置到状态的接口时，我会遇到这个问题，我在自定义钩子中使用它从服务器获取数据。响应于服务器的数据对象可能包含不同的属性。the useFetcher.ts
const initialState = {
data: null,
loading: false,
error: null,
};
type LIST_RESPONSE = {
page: number;
totalRows: number;
pageSize: number;
totalPages: number;
list: [];
};
interface
浏览 6提问于2021-08-17得票数 1
回答已采纳
3回答
方法签名中的<E>是什么？
、、、、
我读到了来自的Set接口，下面的代码是从集合中删除重复项的泛型方法。
我的问题是，在Set<E>之前放在static之后的**< E>**是什么？
我的意思是Set<E>还不够吗？为什么<E>在那里两次？
public static <E> Set<E> removeDups(Collection<E> c) {
return new LinkedHashSet<E>(c);
}
浏览 5提问于2014-03-16得票数 0
在这个上，这里有下面的代码示例来介绍泛型方法？
public static <K, V> boolean compare(Pair<K, V> p1, Pair<K, V> p2) {
return p1.getKey().equals(p2.getKey()) &&
p1.getValue().equals(p2.getValue());
}
我有一个问题，为什么我们需要在“布尔”之前提到泛型？此方法只是返回布尔类型。当我删除<K, V>编译器时，会抛出错误，并声明为cannot make a
浏览 9提问于2014-10-02得票数 3
我读过有关泛型类型的文档，我知道要使用它，但我在“读取”两个方法时遇到了问题。
我使用"toArray()“和"asList()”，但是我不知道如何编写方法解算类型。
示例1
public Iterator<E> iterator();
public Iterator<String> iterator();
示例2
public E get(int location);
public String get(int location);
示例3(这里是我不明白的地方)
public static <T> List<T> asList
浏览 3提问于2016-03-29得票数 2
这种方法的意义是什么：
public <T> T methodName(parameters)
浏览 3提问于2013-08-22得票数 1
在我的书中，没有写过如何使用泛型参数调用泛型方法。我有一个类似这样的方法。
public Vector<Double> VEKTOR( Vector <Double>num)
此方法将返回向量的大小。要获得结果，我需要我的main调用该方法。但我不知道如何调用泛型方法和泛型参数，因为我的书没有解释这一点。它和通常的方法一样吗？我读了一些关于这方面的问题，但它们很难理解(因为缺乏英语。他们中的大多数人都在谈论我从未学过的技能)
浏览 1提问于2017-01-07得票数 0
2回答
我不理解关于Java Consumer接口的示例中的方法声明。我在一本在线书籍()中找到了这个例子。上面写着：
class Consumers {
public static <T> Consumer<T> measuringConsumer( Consumer<T> block){
return t -> {
long start = System.nanoTime();
block.accept( t );
long duration = System
浏览 2提问于2018-02-11得票数 3
我有一个小文件，如下所示：
import React, { createContext, useContext, useReducer } from 'react'
const initState = ''
const DomainContext = createContext(initState)
export const CHANGE = 'CHANGE'
export const CLEAR = 'CLEAR'
const domainReducer = (state, action) => {
switch
浏览 1提问于2022-01-04得票数 0
回答已采纳
我当时正在阅读OCJP问题，在下面的方法签名中我发现了一个问题。
public static <E extends Number> List<? super E> process(List<E> nums)
我想知道返回类型实际上是什么，或者作为返回类型编写的<E extends Number> List<? super E>的含义是什么。
让我提个完整的问题。
给出一种声明为：
public static <E extends Number> List<? super E> process(List&
浏览 1提问于2013-12-01得票数 2
回答已采纳
在试图理解TextBoxFor()时，我在MSDN中遇到了这个定义.
TextBoxFor<TModel, TProperty>(HtmlHelper<TModel>, Expression<Func<TModel, TProperty>>, IDictionary<String, Object>)
这是一个泛型类，还是其他类，还是非c#？
(角括号内的角括号向我投掷)
你是如何理解它的(只要它对初学者来说C#等都行，链接就可以了)。
浏览 12提问于2013-08-05得票数 1
回答已采纳
我是java.I刚刚读过关于java泛型的教程。
有一个关于声明泛型方法和构造函数的部分。
Methods and constructors can be generic if they declare one/more type variables.
public static <T>T getFirst (List<T> list)
此方法接受对List的引用，并将返回类型为T的对象。
为什么静态后有T？这是印刷错误吗？
那是什么意思？
我是java的初学者，是泛型概念的新手。
浏览 4提问于2013-07-25得票数 1
回答已采纳
1回答
C#如何将函数作为参数传递？
、、、、
我已经寻找了一段时间，我可以如何使这个工作。例如：
CheckPerformance(***Loop***);
private void CheckPerformance(***Function myFunctionName***)
{
sw.Start();
myFunctionName(200);
sw.Stop();
Console.WriteLine("Elapsed in check: {0}", sw.Elapsed);
}
private void Loop
浏览 2提问于2015-07-09得票数 0
回答已采纳
1回答
泛型声明类型说明
、、
我正在为SCJP做准备，看看泛型通配符的一种模式，并试着理解它是如何工作的
public static <E extends CharSequence> Collection<? extends CharSequence> getLongWords(Collection<E> coll)
根据我的理解，Collection是用于该方法的参数。
方法应该有一个返回类型，但我搞不懂为什么会有两个返回类型-
<E extends CharSequence> Collection<? extends CharSequence>
浏览 1提问于2014-02-13得票数 1
我们有一条规则，包"foo“不应该依赖于包"bar”。
noClasses()
.that()
.resideInAPackage("com.foo..")
.should()
.dependOnClassesThat(resideInAPackage("com.bar.."))
.check(javaClasses);
我们在"foo“中有一个接口，通过两种方式使用"ba
浏览 4提问于2022-01-12得票数 1
回答已采纳
考虑下面的一段代码：
public class A<T> { }
public class B<T> : A<T> { }
在这种情况下：
var a = typeof(A<>).GenericTypeArguments.Length;
a的值是0，这并不奇怪。然而，这在某种程度上是我意想不到的：
var b = typeof(B<>).BaseType.GenericTypeArguments.Length;
其中，b的值为1。因此，它是使用不存在的名称"T“类型关闭的，并且只在其上执行GetGenericTypeDefi
浏览 29提问于2015-08-19得票数 18
回答已采纳
1回答
下面的build方法创建了一个TypedMemberDTO实例。
TypedMemberDTO可以包含类型化的List
Member.getDetails返回一个Object类型，我知道它将仅是运行时的2种类型之一。除了扩展Object之外，这些类型没有任何共同之处。
我想要做的是创建一个使用泛型来设置TypedMemberDTO中细节的构建方法。
该代码编译良好，运行良好，尽管我对<U>类型实际提供了什么感到有点困惑。
实际上，如果我在这里使用的是原始类型而不是<U>，那么我会实现同样的编译时好处吗？
是否有更好的方法来编写构建方法？
public class Typ
浏览 4提问于2014-10-14得票数 0
回答已采纳
我有一个与GetGenericArguments有关的问题。
团结中
Dictionary<byte, object>[] array = new Dictionary<byte, object>[]
{
new Dictionary<byte, object>() { { 0, "0" }, {1, "1"} },
new Dictionary<byte, object>() { { 0, "00" }, {1, "11"} }
};
var types = arra
浏览 4提问于2022-06-11得票数 0
以下代码片段摘自Commons的CollectionUtils.java文件：
private static class CardinalityHelper<O> {
final Map<O, Integer> cardinalityA, cardinalityB;
public CardinalityHelper(final Iterable<? extends O> a,
final Iterable<? extends O> b) {
cardinalityA = Collectio
浏览 2提问于2013-01-30得票数 0
回答已采纳
2回答
我正在寻找一种很好的方法来实现相同方法的不同实现，该方法在接口中定义，但具有不同的参数类型。这有可能吗？
为了阐明这一点，假设我有一个接口数据库和两个实现类Database1和Database2。数据库有一个方法createNode(...)另一个是modifyNode(...)。问题是对于Database1，createNode方法的返回类型应该是long (标识符)。然而，对于Database2来说，它将是特定于该技术的对象(在本例中为OrientDB，但这并不重要，当然它只是扩展了Object的对象)。并且两者都创建(...)返回类型应用作modifyNode(...)之一参数。
我想要
浏览 5提问于2013-04-21得票数 3
回答已采纳
1回答
我在Java中有一个接口：
public interface IElement{
public String getId();
public String getName();
/***
* adds an IElement to this elements children
* @param child
*/
void getAddChild(IElement child);
/***
* returns all children
* @return
*/
Collection&
浏览 1提问于2016-11-28得票数 0
回答已采纳
public<U> Optional<U> map(Function<? super T, ? extends U> mapper)
为什么有两个人？
据我所知，第二个U...The可选选项有一个参数，描述返回的可选类型。
但我不明白领导大学是怎么回事。我很难用下面的可选的map方法调用它：
[javac] return LocationAPIResponse.map(response -> Context.LocationContext.builder()...
[javac]
浏览 1提问于2018-11-06得票数 6
我对Spring data和JPA都是新手。我很好奇查询注释是如何工作的。就像在我的场景中，我需要一个组织的所有userIds。这就是我所做的：
@Query("select o.userId from User o where o.orgId = :orgId")
List <Integer> findUserIdsByOrgId(@Param("orgId")int orgId);
上面的语句运行得很好。我得到了一个用户Ids列表。问题是当我修改查询以搜索User时
@Query("select o from User o w
浏览 3提问于2018-05-12得票数 0
下面的示例正在工作(在JavaScript中)，但我无法在TypeScript工作中获得正确的返回类型。根据工厂对象，应该知道正确的返回类型的"func“函数。
我们希望使用此模式动态添加和获取DataLoaders。
class Dog {
bark() { console.log("wuff")}
}
class Cat {
miau() { console.log("miau")}
}
class FactoryItem<T extends () => {}> {
constructor(public func: T
浏览 2提问于2021-03-14得票数 0
回答已采纳
1回答
我定义了一个带有Enter和Exit类型的类型InterfaceExecuter，两者都是struct。在另一个类中，我希望创建一个方法来实例化实现我的接口的类，如下所示：
public T<TEntry, TExit> Initiate<T<TEntry, TExit>>()
where T: InterfaceExecuter<TEntry, TExit>, new()
where TEntry:struct
where TExit:struct
{
return ne
浏览 1提问于2017-10-24得票数 3
回答已采纳
1回答
public class P { }
public class B : P { }
public class A : P { }
public interface Interface<T> where T : P { }
public class IA : Interface<A> { }
public class IB : Interface<B> { }
public class Test
{
public void WhatTheFuck()
{
Interface<P> p;
p = n
浏览 2提问于2020-01-02得票数 1
回答已采纳
1回答
我在一个类中有一个通用的方法。
export class BaseService {
public getAll<T>(): Observable<T> {
// get type of T
// const type = typeof(T); // Tried this but getting compilation exceptions
return this.http.get<T>(this.actionUrl + 'getAll');
}
}
我将像下面这样从其他几
浏览 1提问于2018-05-27得票数 17
回答已采纳
3回答
下面是一段代码
public class Order
{
//Primary Key
public long OrderId { get; set; }
//Many to One Relationship
[ParentObject("PersonId")]
public Person Buyer { get; set; }
//One to Many Relationship
[ChildObject("OrderId")]
public List<OrderDet
浏览 0提问于2011-04-16得票数 3
回答已采纳
我知道许多编程和脚本语言，但我以前从未见过这样的东西：
camera = GetComponentInParent<Camera>();
这在C#是正常的吗？为什么我们不用这样传递参数Camera：
camera = GetComponentInParent(Camera);
我在哪里可以告诉自己为什么会这样？
浏览 3提问于2017-10-24得票数 0
回答已采纳
JPA和Hibernate有一些我不理解的泛化返回类型的方法，例如，
public <T> TypedQuery<T> createNamedQuery(String name, Class<T> resultClass)
在中。我本来希望返回类型的TypedQuery<T>。在<T>之前的TypedQuery<T>说明了什么？
就我而言，这不是一个纯粹的理论问题。我有一些给我编译错误的代码。
TypedQuery<LogEntity> query =
entityManager
浏览 1提问于2014-05-06得票数 2
回答已采纳
3回答
直接来自 java教程：
对于静态泛型方法，类型参数部分必须出现在方法的返回类型之前。
不适用于非静态泛型方法吗？如果不是，非静态泛型方法语法是什么？提前谢谢。
浏览 2提问于2013-06-26得票数 10
回答已采纳
在我目前正在重构的代码中，在一堆Maps上存在类似的操作。所有地图的类型如下：
Map<<SomeType>,Double> myMap;
他们也经历了同样的转变，并转变为：
TreeMap<Integer, <SomeType>> transformedMap;
我想知道是否有可能创建如下所示的泛型方法：
public TreeMap<Integer, <T>> transformMap(Map<<T>,Double> myMap){...}
实现这一点的方法是什么？SomeType可以是任何类
浏览 5提问于2014-03-10得票数 0
回答已采纳
1回答
我正在努力使我的graphQL突变成为通用的。但在运行时，我会得到一个错误。
错误是:对象引用未设置为对象的实例。
public class ApplicationMutation<T> : ObjectGraphType where T: BaseModel
{
public ApplicationMutation()
{
this.Name = "RootMutation";
var nameofT = typeof(T).GetElementType().Name;
this.Field<
浏览 7提问于2016-11-24得票数 0
回答已采纳
3回答
我的应用程序抛出
java.lang.ClassCastException: java.lang.Class cannot be cast to java.lang.reflect.ParameterizedType
对于此代码：
public class DsMap<K,V> implements Map<K, V>{
protected Class<K> kClazz;
protected Class<V> vClazz;
// Called during DS.getMap(mapName) method
浏览 2提问于2013-04-03得票数 0
4回答
我正在努力学习如何编写一个方法来返回未知类型的对象列表。我遇到了这个例子：
public <T> List<T> list(Class<T> c, List<Object> objectList){
List<T> list = new ArrayList<>();
for (Object o : objectList){
T t = c.cast(o);
list.add(t);
}
return list;
}
为什么返回类型
浏览 3提问于2017-08-24得票数 1
回答已采纳
在泛型api中，为什么有时在返回类型之前写入类型参数，有时不需要？
以以下两个蒸汽API为例
Stream<T> limit(long maxSize)
和
<R> Stream<R> map(Function<? super T,? extends R> mapper)
为什么Stream.limit的返回类型可以写成Stream<T>而不是<T> Stream<T>？
何时使用<T> returnType <T>，何时使用returnType<T>
浏览 5提问于2020-02-15得票数 0
回答已采纳
以下是与Java中使用泛型的类型不匹配相关的几个问题，但我无法找到与我的情况相对应的任何内容。
我想知道为什么这个错误发生在下面的代码中？
类型不匹配:无法从元素类型对象转换为字符串
在队列中
for (字符串元素: arg.someMethod())
但是如果
SomeInterface arg
被更改为
SomeInterface<?> arg
它起作用了。如果列表参数类型没有连接到接口类型参数，为什么要删除它？
import java.util.List;
public class TypeMismatchExample
{
interface So
浏览 2提问于2014-05-15得票数 1
回答已采纳
2回答
给定System.Reflection.MethodInfo类型的对象，如何提取泛型参数约束？不知何故，我找不到这方面的合理信息。
浏览 4提问于2015-11-18得票数 4
回答已采纳
HashMap<String, Set<String>> foo = new HashMap<>();
if (foo.getClass().equals(HashMap.class)) {
System.out.print(true);
}
以上代码打印真。为什么这两种类型比较相等？对我来说，foo.getClass()比HashMap.class.包含更多的类型信息。
浏览 0提问于2018-09-12得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
