对于具有任意属性的React组件，我应该使用什么类型？
对于具有任意属性的React组件，可以使用React的内置类型React.ComponentPropsWithRef作为组件的props类型。
React.ComponentPropsWithRef是一个泛型类型，可以接受一个React组件类型作为参数，并返回该组件props的类型。它可以用来定义具有任意属性的组件props类型。
示例代码如下：
import React from 'react';
type Props = React.ComponentPropsWithRef<'div'>;
const MyComponent: React.FC<Props> = (props) => {
// 使用props中的属性
return <div>{props.children}</div>;
};
export default MyComponent;在上述示例中，React.ComponentPropsWithRef<'div'>将返回div元素的props类型，这意味着MyComponent可以接受任意div元素的属性作为props。
对于React组件的其他类型，可以根据具体需求选择合适的类型，例如React.FC用于函数组件，React.Component用于类组件等。
腾讯云相关产品和产品介绍链接地址：
相关·内容
我想使用像这样的组件： <toolProperties.ToolElement setToolOutputs={setToolOutputs} /> 我让IToolProperties { title: string;
description
浏览 14提问于2021-07-07得票数 2
回答已采纳
在编写TypeScript (tsx)时，我通常使用React.FC<Props> (或React.FunctionComponent<Props>)输入我的React组件，其中Props是一个具有我自己的属性类型的接口添加到我的组件使用的道具列表中。
浏览 11提问于2021-01-31得票数 1
回答已采纳
我有以下React组件，它从一个对象数组生成一个HTML。应该显示的列是通过tableColumns属性定义的。当循环遍历items并显示正确的列时，我必须使用来自tableColumn对象({item[column.key]})的key属性，但是类型记录会生成以下错误：
元素隐式具有“任意”类型，因为“st
浏览 0提问于2019-08-04得票数 118
回答已采纳
我正在尝试创建一个具有属性onClick的React组件，并且正在尝试为该组件的属性确定正确的类型签名。}
对于onClick属性，可以接受的合适类型
浏览 4提问于2020-08-23得票数 0
我很难在类型记录中进行类型检查，以便为使用forwardRef并具有...rest属性的React组件工作。示例： label: string, <input id=&qu
浏览 4提问于2022-06-22得票数 2
回答已采纳
1回答
我在一个项目中使用。在我看来，考虑到每个组件的最终结果都是一个与根查询名称相同的片段，所以这个设计似乎是错误的。每个组件不应该在根查询下都有任意类型的唯一命名片段吗？这是可以使用这个包还是我的想法在这里有缺陷？
编辑：，也许我的问题有点含糊。我的问题是，对于
浏览 4提问于2016-07-16得票数 1
回答已采纳
/App.css";
}
图表容器组件有一个状态接口，为什么需要支持// @ts-ignoreimport React from 'react';
import Canvas from ".] = React</e
浏览 1提问于2021-06-22得票数 0
回答已采纳
使用带有语义UI React的样式组件创建的组件不会保留原始SUIR组件中的props类型。 不带样式的组件 如果没有设置样式的组件，SUIR组件属性类型信息将被保留。带有样式的组件 当我使用styled-components时，SUIR组件</em
浏览 16提问于2020-12-06得票数 0
如果我用一个全新的react元素替换组件树中的react元素，但是这两个组件都有相同的键，那么会发生什么呢？我的理解是，反应和解会导致重放，但我对为什么感到困惑。我认为在比较两个元素时，键起了识别作用。因此，如果两个不同的react元素共享相同的键，那么是否认为它们是相同的，而不是导致重呈现？
浏览 1提问于2022-03-26得票数 0
我正在尝试在电台和广播组上绑定一个react钩子表单。然而，我得到了以下问题 Property 'Group' does not exist on type 'ForwardRefExoticComponent<InputProps & RefAttributes/types';
const Radio = React.forwardRef<HTMLInputElement, InputProps>((props: InputProps, ref
浏览 552提问于2021-01-18得票数 0
我使用的是TypeScript 3.2.2，我有一个接受对象数组的React组件。这些对象是通用的，但有几个例外:它们不能嵌套，并且必须都具有相同的形状。] 除此之外，我不关心对象的内容。它们可以拥有任意数量的属性，属性可以具有任何名称，它们的值可以是任何类型</em
浏览 19提问于2019-02-01得票数 2
回答已采纳
WrappedComponent {...props} />; } extraProp: string;
} 现在，这对于具有自己的属性的组件非常有效/ this returns React.ComponentClass<TMyProps,any> 然而，对于没有任何道具的组件(除了‘混合’<
浏览 39提问于2021-09-27得票数 0
我目前正在尝试定义按钮组件的类型，它现在被设置为任意类型，因此它可以工作，但是这个属性的真正类型是什么呢？import React, { Dispatch, SetStateAction } from "react";
className?: string;
children: React.Re
浏览 12提问于2022-08-31得票数 0
回答已采纳
1回答
我正在尝试一个函数，它接受一个React组件和一个对象作为参数，并使用正确的流类型。因此，React组件参数应该是P类型的props，其中P应该具有theme属性，该属性是推断的V类型。我知道V是一个字符串对象，但它仍然可以是不同的类型(即
浏览 2提问于2017-07-15得票数 1
使用带有for的TypeScript，我们不再需要扩展React.Props，以便编译器知道所有React组件道具都可以有子组件：因此，问题是我们应该如何在TypeScript中的无状态功能组件中使用子组件
浏览 2提问于2016-11-22得票数 139
回答已采纳
对于分配给接口内有状态React.Component的属性，应该定义什么类型才是正确的。 TemplateConfiguration接口有两个属性Page和Form。Page的类型是无状态组件(表示的)，Form的类型应该是有状态的组件。 Page运行得很好，但是编译器给了我
浏览 9提问于2019-01-13得票数 0
回答已采纳
GraphQL具有fetchMore方法，可以在需要时获取更多数据。函数本身如下所示(src：https://www.apollographql.com/docs/react/pagination/core-api/) fetchMore({ offset: 10, },
}); 当你将fetchMore函数作为属性传递给子组件时，你必须在子组件中定义它的</e
浏览 38提问于2021-07-17得票数 0
我有一个组件，我想让它更通用。interface Props {} arbitraryProp: CertainType | Different
浏览 18提问于2020-09-30得票数 0
回答已采纳
我正在创建一个简单的组件，它接受一个可选的道具，但也接受任意的道具传递给它的子组件，但是我不能让这个组合很好地发挥作用。我在这里修改了示例：Typescript3 Release Notes import React from 'react';
name: stringid: string]: any; &
浏览 17提问于2019-01-09得票数 3
回答已采纳
我已经编写了一个呈现列表的组件，在它的props中，它期望props.items，哪种类型是泛型Tc
浏览 2提问于2020-01-28得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
