如何编写提取传入组件的属性类型的泛型
编写提取传入组件的属性类型的泛型可以使用 TypeScript 的反射能力来实现。下面是一个示例代码：
type ExtractPropsType<T> = T extends React.ComponentType<infer P> ? P : never;
// 示例组件
interface MyComponentProps {
name: string;
age: number;
}
class MyComponent extends React.Component<MyComponentProps> {
render() {
return <div>Hello, {this.props.name}!</div>;
}
}
// 使用示例
type PropsType = ExtractPropsType<typeof MyComponent>; // PropsType 将被推断为 MyComponentProps 类型
// 输出结果
console.log(PropsType);在上面的示例中，我们定义了一个泛型类型 ExtractPropsType<T>，它接受一个组件类型 T 作为参数。通过使用条件类型和 infer 关键字，我们判断 T 是否为 React.ComponentType 的子类型，如果是，则提取出其属性类型 P，否则返回 never 类型。
然后，我们定义了一个示例组件 MyComponent，并使用 ExtractPropsType 泛型来提取其属性类型为 PropsType。最后，我们将 PropsType 打印出来，可以看到输出结果为 MyComponentProps 类型。
这样，我们就成功编写了一个能够提取传入组件的属性类型的泛型。在实际应用中，你可以根据需要将其应用到你的项目中，并根据具体情况进行调整和扩展。
腾讯云相关产品和产品介绍链接地址：
相关·内容
2回答
在类型记录中将类型作为参数传递
、、、、
我编写了一个自定义钩子，以帮助我避免重复某些提取调用的代码。看起来是这样的：
export const useCustomQuery = ({ endpoint, body, dataPoint }: args) => {
const [data, setData] = useState()
useEffect(() => {
fetch(`http://localhost:4000/${endpoint}`, {
method: 'POST',
headers: { 'Cont
浏览 14提问于2022-01-12得票数 0
2回答
给定System.Reflection.MethodInfo类型的对象，如何提取泛型参数约束？不知何故，我找不到这方面的合理信息。
浏览 4提问于2015-11-18得票数 4
回答已采纳
代码是使用React功能组件编写的。 单击parent中的按钮后，应该会触发函数showAlert。这就是要求。当前在父组件中childRef.current无法调用showAlert()函数。我得到一个打字错误 Property 'showAlert' does not exist on type 'ForwardRefExoticComponent>' 上级功能组件编码 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
import Chil
浏览 78提问于2021-02-25得票数 0
回答已采纳
构建一个React应用程序，我想让我的代码尽可能的干燥。我在这个项目中第一次开始使用Typescript，我面临着组件的可重用性问题，其中JSX在不同的情况下可以是相同的，但类型和接口会发生变化。 下面是一个真实的例子:下面的代码是一个使用TypeScript、Apollo / GraphQL和Redux构建的React组件。它返回从后端API获取的DB中所有足球队的表。 问题是，我想使用这个相同的组件来显示游戏表、玩家表等。 例如，我被Team界面卡住了。每支球队只有一个id和一个name；但每一场比赛都有一个date，一个homeTeam和一个awayTeam, a记分`等等。 因此，我
浏览 5提问于2019-04-19得票数 0
回答已采纳
我试图在withRouter库中使用Next.js临时助手。
import { withRouter } from 'next/router'
const MyComponent = withRouter(({ router }) => ())
这就产生了一个流错误：
[flow] property `router` is missing in props [1]. (References: [1])
尽管我已经为Next.js和withRouter函数安装了流类型，但它有以下签名：
withRouter: < T > (Component: React$C
浏览 2提问于2018-11-16得票数 1
回答已采纳
1回答
我正在尝试创建一个领域列表的扩展：
extension List {
var toArray: Array<Any> {
return Array(self)
}
}
编写media.toArray而不是Array(media)。但在我的示例中，结果将是Any，因此我需要执行额外的强制转换。如何保留List泛型类型并编写一个扩展，该扩展将转换为与List相同类型的数组？
浏览 0提问于2018-04-10得票数 0
回答已采纳
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回答
我的实体数据模型中大约有20个不同的报告表，它们都有一些公共字段(如start_date和end_date)。当我的报表应用程序提取给定报表的数据时，我要做的第一件事就是过滤表中的今天日期。这意味着在我的代码(VB)中有与此类似的代码块：
Dim data =
From r in _context.Rpt1
Where
r.start_date <= Now And
r.end_date >= Now
似乎应该有一种方法将这个逻辑放到一个函数中，让我可以过滤任何表，但我不知道如何构造它。我可以这样做：
Public Funct
浏览 0提问于2011-10-26得票数 0
2回答
我试图使用编写一个测试，在用定义的vue3组件中断言一个。
考虑一个简单的组件：
// simple.vue
<script lang="ts" setup>
import { computed } from 'vue';
const hello = computed((): string => {
return 'Hello';
});
</script>
<template>
{{ hello }}
</template>
我的测试是这样的
describe('Hell
浏览 16提问于2022-03-11得票数 2
回答已采纳
你能以某种方式将@typeparam串起来吗？
例如，在此场景中，将TItem传递给子程序，而不指定它
预期行为：
<Parent TItem="User">
<Child>
</Parent>
当前：
<Parent TItem="User">
<Child TItem="User">
</Parent>
浏览 3提问于2021-06-16得票数 2
回答已采纳
1回答
我有一个类表，它是用泛型类型K和V声明的。这些类被用作内部类节点参数的数据类型，我正在尝试创建实际的数组。“类表”的相关代码如下：
public class Table<K extends Comparable<K>, V> implements ITable<K,V> {
private int numberOfElements;
private boolean sorted;
private Node[] list;
//inner class
private class Node{
K key;
浏览 0提问于2018-05-19得票数 0
回答已采纳
我有一个CSV解析器，它逐行提取文本并将其解析为值。我试图将这些值放入一个Dictionary<string, T>中并返回它，其中T是类CharacterStatElement的后代。我知道在解析CSV时我希望T是什么类，但我不想多次重写/复制同一个解析器函数，以涵盖我想从中返回的每种类型。
应该为整个过程编写一个泛型方法(如果是，我如何在方法中声明它并返回？)还是我应该在这里做一些其他的模式？
关于CharacterStatElement的更多信息:每个子类都包含我在解析中使用反射发现的几个字段。每个子类都有不同的值，但它们都应该以相同的方式解析。此外，这只发生一次每按钮点击，
浏览 2提问于2015-02-09得票数 0
回答已采纳
1回答
我正在用React和Typscript编写表格组件。我想使我的组件完全可重用，它可以从服务器获取任何数据，并将其放入道具中。因此，它可以有许多不同的列和标题。
我的问题是如何正确地编写接口？
在开始时，我有如此简单的数据接口，我的组件可以得到。
interface IData {
id: number;
}
但这些数据可能总是不同的。它可以是具有不同字段的待办事项：
标题:字符串，正文:字符串
也可以是用户：
姓: string，name: string，email: string，等等
这意味着在道具中，我的组件可以获得任何数据。
此外，我希望让我的组件获得不同的React.Nodes。
浏览 2提问于2022-10-17得票数 1
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
回答已采纳
场景：，我有几个我正在重建的网站，都是做电子商务的。我想要做的是将会计逻辑(即Orders、OrderItems、Accounts、Transactions等)和数据操作提取到一个“会计”DLL中，这样我就不必重复代码了。
我在DLL中定义了上面的Entities，然后在WebApp.Server的DbContext中定义了适当的DbSets。
在“会计”DLL中，我有一个接口：
public interface IDbAccountringService
{
DbSet<Account> Accounts { get; set; }
//etc
}
DbCont
浏览 4提问于2021-08-04得票数 1
回答已采纳
3回答
我正在开发一个引擎，它意味着用户(不是最终用户，库用户)可以配置使用不同的组件。例如，假设类Drawer必须有一个ITool、Pencil或Brush，以及一个IPattern、Plain或Mosaic。另外，假设Brush的IMaterial必须为Copper或Wood
假设选择Pencil或Brush的效果截然不同，IPattern类型也是如此。用下面这样的泛型概念来编写Drawer类是不是一个坏主意：
public class Drawer<Tool, Pattern> where Tool: ITool where Pattern : IPattern { ... }
pu
浏览 0提问于2010-09-08得票数 5
回答已采纳
我创建了一个可重现的。
我的问题是:如何用react-final-form修复这个打字错误
错误是：
Type '{ name: string; onBlur: (event?: FocusEvent<HTMLElement>) => void; onChange: (event: any) => void; onFocus: (event?: FocusEvent<HTMLElement>) => void; type?: string; value: T; checked?: boolean; multiple?: boolean; }&#
浏览 1提问于2020-07-21得票数 1
2回答
假设给定的数据
const dataA = {
name: "John",
age: 25,
attributes: {specificA: "hello", specificA2: 14, nonspecific:"Well"},
}
const dataB = {
name: "Lisa",
age: 38,
attributes: {specificB: "hello", someMoreSpecificStuff: true, nonspecific:"Hope this&
浏览 4提问于2021-03-05得票数 1
回答已采纳
3回答
我已经编写了如下代码
public interface IScreenBuilder
{
void Build<TBusinessLogic, TPresenter, TForm> (ILog logger)
where TPresenter : class, new()
where TForm : class, new();
}
public class ScreenBuilder: IScreenBuilder
{
private ILog _logger;
public voi
浏览 4提问于2014-02-26得票数 2
回答已采纳
如何将onSubmit的值类型设置为react-最终形式。
inteface IValues {
name: string;
}
<Form onSubmit={(values: IValues) => {}}> // Error happens here
// Types of parameters 'values' and 'values' are incompatible.
// Type '{}' is missing the following properties from type '
浏览 4提问于2019-01-19得票数 5
2回答
gerics的新特性:我正在尝试编写一个Add方法，用传递给它的不同的数据契约来更新数据库。需要知道是否可以这样做：
enter code here
public static bool Add<T>(T data)
{
if (data.GetType().Name.Equals("Test"))
{
var memberData = (Test)Convert.ChangeType(data, (new Test()).GetType());
// Update member data
}
if (data.GetType().Name.Equals("
浏览 1提问于2013-09-11得票数 1
回答已采纳
我编写了这段代码，但是在这个内容上有一个错误。为什么会发生这种情况，我如何解决这个问题？我使用的是资料UI，ListButtonItem是从资料中提取的。
const AccordionChildItem = ({ parentLabel, title, action }: { title: string; parentLabel: string ; action:string}) => {
const ListItemRef = useRef<HTMLElement>()
const clickItem = () => {...}
浏览 9提问于2021-12-28得票数 0
回答已采纳
2回答
我不知道如何给它一个更好的标题，因为我真的不知道这个模式在Java中叫什么。
现在我有一个带有这个签名的方法：
public Directory getDirectory(Class<? extends Directory> type) { ... }
你可以这样称呼它：
MyDirectory directory = (MyDirectory)getDirectory(MyDirectory.class);
对该类型的约束确保了MyDirectory必须从Directory派生。
我真正想做的是避免强制转换，并减少所需的代码量。在C#中，你可以说：
MyDirectory dir
浏览 2提问于2011-04-27得票数 0
回答已采纳
我创建了一个TestComponent.razor
@typeparam TValue
@code {
private TValue Type { get; set; }
[Parameter] public string String { get; set; }
}
在index.razor页面中，我有以下内容：
@page "/"
<h1>Hello, world!</h1>
Welcome to your new app.
<SurveyPrompt Title="How is Blazor working f
浏览 1提问于2020-12-28得票数 2
回答已采纳
2回答
我正在尝试使用泛型类型创建一个二叉树，但我遇到了一个我不能理解的错误。我尝试了两种编码方法，第二种有效。我不明白为什么第一个失败了。
我有以下通用代码：
public class MyTreea <T extends Comparable<T>>
{
class BT_Node<T extends Comparable<T>>
{
T value;
BT_Node<T> left;
BT_Node<
浏览 3提问于2013-04-25得票数 4
1回答
我有这两个代码片段，如何更改它们，以便将MemberModel作为泛型类型传入，并保持实例化，以便将下面的方法提取到它自己导出的函数中？
export interface IFollowable {
follow(user: IUserModel): IMemberModel;
}
export class CardModel implements ICardModel, IFollowable {
public follow(user: IUserModel): IMemberModel {
let member = new MemberModel({use
浏览 3提问于2016-09-19得票数 1
回答已采纳
1回答
我试图根据下面的编写一个泛型方法
void myMethod(myClassA instanceA, myClassB instanceB)
{
instanceA = new myClassA(instanceB);
}
到目前为止，我得到的是这样的东西(myMethod_new)，它有一些错误：
void myMethod_new<S, T>(S instanceA, T instanceB) where S : new()
{
instanceA = new S(instanceB);
}
但是，由于我还没有掌握泛型在C#中的工作方式，这应该如何实现呢？
浏览 4提问于2021-12-22得票数 1
回答已采纳
1回答
在使用泛型一段时间后，我注意到这两者之间没有太大差别：
public void DoSomething<T>(T t) where T : BaseClass{
}
这是：
public void DoSomething(BaseClass t){
}
到目前为止，我看到的唯一不同之处是，第一个方法可以添加其他约束，比如接口或new ()，但是如果您使用它就像我编写它的方式一样，我看不出有什么不同。有人能指出选择一个或另一个的重要因素吗？
浏览 2提问于2014-01-30得票数 7
回答已采纳
2回答
接口内通用方法
、、、
假设我有这样的界面：
public interface i{
void setImage(Image image);
}
我希望实现该接口方法的类方法不仅可以接受作为图像的方法参数，而且可以接受扩展的图像的所有类。
我在界面中需要的是：
<T extends Image> void setImage(T image);
但当然，这不是正确的方法--如何在接口中编写通用方法
浏览 2提问于2016-05-20得票数 2
回答已采纳
1回答
我正在使用Java (JDT)，必须将org.eclipse.jdt.core.dom.Type实例添加到原始列表(预Java5代码)中，该列表只包含Type类型的元素( API保证)。我使用访问列表，因为类TypeDeclaration是如何编写的(超级接口类型没有设置器)，我必须直接添加元素，不能简单地创建List<Type>实例、复制元素、添加新元素，然后设置新列表。因此，我最后会收到编译器警告。
这是我目前的代码：
@SuppressWarnings("unchecked")
private void changeSuperInterface(TypeDec
浏览 5提问于2017-08-03得票数 0
回答已采纳
1回答
我正在使用一个库(具体地说，是Gtk中的TreeView)，它允许您通过传递比较两行的函数来进行排序。函数签名的简化版本可能如下所示：
int SomeSortFunc (Foo foo1, Foo foo2)
{
// Return -1 if foo1 < foo2, 0 if foo1 == foo2, 1 if foo1 > foo2
}
我不能简单地实现Foo.CompareTo (Foo)，因为我想根据上下文进行不同的排序。Foo中有几个字段可以作为排序依据。每个字段的排序优先级取决于上下文。我想写这样的东西：
int SortFunc<T> (Fo
浏览 1提问于2010-12-21得票数 0
回答已采纳
我编写了一个新组件，如以下代码所示：
function CustomInput({ floatLabel, ...props }: any) {
return (
<label>
{floatLabel}
<input {...props} />
</label>
);
}
我想为这个元素(一个HTML输入+新的floatLabel属性)提供Typescript IntelliSense。
<CustomInput floatLabel="x" type="input"
浏览 41提问于2020-06-04得票数 0
回答已采纳
1回答
使用以下泛型存储库。
public interface IRepository<T> where T: class
{
void Commit();
void Delete(T item);
IQueryable<T> Find();
IList<T> FindAll();
void Add(T item);
}
如何编写结构图来使用它？我正在为.net 3.5使用结构映射v2.6.1
public static void BootstrapStructureMap()
{
ObjectFactory
浏览 0提问于2014-04-23得票数 0
回答已采纳
问题:使用泛型列表的方法需要很长时间才能处理。因此，应该将该方法交给后台工作人员。
问题如下:如何从Backgroundworker访问通用列表？
[Call]
backgroundWorker.RunWorkerAsync(new Tuple<string, int, List<T>>(aInfo, aCount, aGenericList));
...
[DoWork]
private void backgroundWorker_DoWork(object sender, DoWorkEventArgs e)
{
BackgroundWor
浏览 0提问于2013-02-22得票数 0
如何使用Type.GetType(string)从字符串(如：System.Boolean?和System.Nullable<System.Boolean> )获得可空的类型
这两种方法都是错误的，我不知道什么是正确的方法。
错误的意思是编写Type.GetType(X)返回null
浏览 4提问于2022-02-15得票数 -1
回答已采纳
我正在使用c++。我有字符串，它可以包含以^开头的元素和以$结尾的元素。这个元素可以是int或string。
示例：
"....^15$asdasd"-> 15
"...^bbbb$ccc"->"bbbb"
我想编写lambda函数来完成这个任务。如果我使用模板函数，代码将如下所示：
template <typename T>
T getElem(string S)
{
T retElem;
// make calculations
// ....
return retElem;
}
浏览 1提问于2017-08-04得票数 0
回答已采纳
我用这样的模式来嘲弄：
protocol Foo {
func bar() -> AnyPublisher<Bool, Never>
}
final class MockFoo: Foo {
var barResult: Result<Bool, Never>?
init(barResult: Result<Bool, Never>? = nil) {
self.barResult = barResult
}
func bar() -> AnyPublisher<Bool, N
浏览 2提问于2022-08-08得票数 0
回答已采纳
2回答
我是java新手(来自ActionScript3.0背景)，我正在尝试将一些Actionscript代码移植到java (as3signals到jsignal)
我正在尝试获取泛型类的类名，以便将其传递给超级调用。
在Actionscript 3.0中，这将是
super(Vector.<TileVO>,Boolean);
上面的代码将把类引用传递给TileVO和布尔向量的构造函数。
在Java中，这似乎不起作用，我知道我做错了什么：
super(ASVector.class<TileVO>,boolean.class);
简而言之，如何获得由ASVector对象组
浏览 3提问于2013-08-28得票数 1
回答已采纳
2回答
我正在尝试将我用C++编写的paren平衡器迁移到Java。
我尝试使用Deque接口中的ArrayDeque类来实现堆栈，方法是声明一个字符的ArrayDeque，如下所示：
Deque<char> parens = new ArrayDeque<char>();
而编译器却在它上面断言
expected: reference
found: char
我遗漏了什么？
浏览 2提问于2011-09-03得票数 2
回答已采纳
我有一个自定义块，它需要来自通过它的代理的参数和变量信息。我想设计这个块用于不同的代理类型。如何像在其他内置块中一样，创建当前模型中所有可用代理类型的下拉列表？我假设它是一个具有内部值的参数，但只是不确定参数类型、提取代理类型的方法等等。参见下图：
浏览 1提问于2020-02-04得票数 0
回答已采纳
1回答
在为options对象创建接口时，我试图允许用户使用显式返回类型和泛型参数类型指定函数。如果事先没有为函数定义类型，这是可能的，但我不知道如何为您已经定义的函数类型定义类型。
例如，它工作得很好：
interface Options {
// Other options...
converterFunction: <T>(rawData: T) => [];
}
但这似乎是一种合理的语法，但事实并非如此。
type ConverterFunction<T> = (rawData: T) => [];
interface Options {
//
浏览 1提问于2020-04-17得票数 1
回答已采纳
我知道这个理论，他们很棒，框架中包含的那些简化了很多事情，他们甚至有性能上的提升。
有很多关于这个主题的答案，都有非常好的例子，但通常对我来说实用价值很低，或者框架中已经存在的例子。
问题是，在哪些情况下，您决定编写自己的使用泛型的类？
浏览 0提问于2011-01-21得票数 2
回答已采纳
我有一个类，它包含许多公共xxx作为列表( someType)。这在我们的代码中被广泛使用。不幸的是，我还需要以ArrayList的形式提供这些列表，因为我们需要在VBA (特别是Excel)中访问相同的对象。
我熟悉抽象和重写/新，但这意味着要修改大量已经实现的代码，并在我看来，创建大量额外的代码(这些代码中可能有50个)来抽象对象，而事实上，在这种情况下，使用了99%的时间。
基本的问题是..。
public class cProp
private Eyes as List(Of Integer)
public property Eyes as List(Of Intege
浏览 5提问于2014-10-06得票数 1
回答已采纳
2回答
如何在泛型方法中访问继承属性？
Public Sub DoSomething(Of BusObjectType)(MyBusObject As BusObjectType)
MyBusObject.Property1 = "Something"
End Sub
Property1是从基类继承的。我没有接口，只有一个用于我所有业务对象的基类。
浏览 0提问于2015-11-30得票数 0
1回答
我想为下面的代码编写一个测试，它基本上呈现了所有的博客文章，比如最新的文章在上面。我刚开始使用，每次在中添加组件时，我都会得到以下错误：
没有重载与此调用匹配。重载2中的1，‘(道具: Readonly)：PostList'，给出了以下错误。属性‘post’在类型'{}‘中缺失，但在类型'Readonly’中是必需的。重载2中的2，‘(道具:状态，上下文？：任意)：PostList'，给出了以下错误。属性‘post’在类型'{}‘中缺失，但在类型'Readonly’中是必需的。
这里是我的测试文件
afterEach(cleanup);
it(
浏览 2提问于2020-01-29得票数 0
回答已采纳
1回答
我正在尝试编写一个泛型函数来提取任意向量中的随机元素。如何指定任意向量类型？
例如：
let list1: Vec<u32> = vec![1, 2, 3];
let list2: Vec<&str> = vec!["foo", "bar"];
fn print_a_random_element(a_list: Vec<?????>) {
// do some stuff
}
print_a_random_element(list1); // get error
print_a_random_element
浏览 2提问于2019-10-29得票数 0
回答已采纳
我想知道是否有人可以建议我一个设计模式或最好的方式来编码以下问题。
1)我有一个数组的图书列表，如下所示
list.add(new Book(title, author);
list.add(new Book(title1, author1);
以此类推...
2)现在我想按作者从列表中找到所有的书
findByAuthor(String author) {
for(Book book : list){
if(book.getAuthor().equals(author)){
return book;
}
}
}
像wise一样，我还有另一个名为findBy
浏览 0提问于2012-09-10得票数 1
我有一个传入方法的类型变量t，并且我希望在调用IQueryable.Join时将其用作泛型参数，如下所示
queryResult.Join<Type1, Type2, t, Type3>( items, outerSelector, innerSelector, ( a, b) => a);
它显然不起作用。我应该对t做些什么才能达到我想要的效果？谢谢!
浏览 0提问于2011-10-14得票数 1
回答已采纳
天才。
我使用以下代码提取用户定义的提取程序(T)。
public class Extractor<T extends MostSimpleExtract> {
private final Constructor<? extends T> extractConstructor;
public Extractor(Class<T> ExtractClass) throws NoSuchMethodException {
this.extractConstructor = ExtractClass.getConstructor
浏览 2提问于2017-02-10得票数 0
回答已采纳
1回答
目的是从包装函数推断包装器的类型，即从参数类型推断返回类型。
我不能用infer实现这一点
function wrap<T extends ((...args: any[]) => any) & { flag?: string }>(wrapped: T extends infer R ? R : never): T {
let wrapper = function () {
// ...
return wrapped(...arguments);
} as T;
wra
浏览 2提问于2020-04-08得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
