link管理
链接快照平台
- 输入网页链接，自动生成快照
- 标签化管理网页链接
相关文章推荐
|
潇洒的茶叶 · C#4.0和VS2010新特性（二） - ...· 4 天前 · |
|
|
至今单身的小蝌蚪 · 非类型化函数调用可能不接受类型参数- ...· 1 周前 · |
|
|
潇洒的茶叶 · 【Go泛型】Go泛型缺陷?，Go ...· 1 周前 · |
|
|
苦闷的墨镜 · 属性“”isFetching“”在类型“”n ...· 1 周前 · |
|
|
潇洒的茶壶 · mysql workbench ...· 1 月前 · |
|
|
帅气的蚂蚁 · 论中国儿童文学研究的跨学科范式 ...· 1 月前 · |
|
|
曾深爱过的蛋挞 · 系统需求 - Stable ...· 1 月前 · |
|
|
爱喝酒的茶叶 · 宝塔面板安装discourse论坛 - ...· 3 月前 · |
|
|
忧郁的大象 · Power BI 中的数据刷新 - ...· 3 月前 · |
|
|
重感情的金鱼 · Use createCDPSession ...· 4 月前 · |
如何在React.memo中使用带有泛型的属性
问
如何在React.memo中使用带有泛型的属性
EN
EN
Stack Overflow用户
提问于
2020-02-25 10:17:22
回答 4
查看 3.3K
关注 0
票数 2
我正在尝试将以下代码转换为使用
React.memo
代码语言：
javascript
复制
interface Props<TRowData> {
// props...
export function Table<TRowData>({
propA,
propB
}: Props<TRowData>) {
}就像这样(不正确)：
代码语言：
javascript
复制
interface Props<TRowData> {
// props...
export const Table = memo<Props<TRowData>>(
propA,
propB
}) => {
})如何更正此语法？目前它有这个错误：
代码语言：
javascript
复制
// Cannot find name 'TRowData'.
export const Table = memo<Props<TRowData>>(
~~~~~~~~
EN
回答 4
Stack Overflow用户
回答已采纳
发布于 2020-02-25 15:03:40
使用当前的React类型声明，不可能在
React.memo
之外创建泛型组件。没有类型断言的解决方案是添加额外的
memo
函数重载以利用TS3.4
higher order function type inference
代码语言：
javascript
复制
import React, { memo } from "react"
declare module "react" { // augment React types
function memo<A, B>(Component: (props: A) => B): (props: A) => ReactElement | null
// return type is same as ReturnType<ExoticComponent<any>>
}
然后，您将能够使
Table
组件成为泛型。只需确保将泛型函数传递给
memo
代码语言：
javascript
复制
interface Props<T> {
const TableWrapped = <T extends {}>(props: Props<T>) => <div>{props.a}</div>
const Table = memo(TableWrapped)
const App = () => (
<Table a="foo" /> {/* (props: Props<string>) => ... */}
<Table a={3} /> {/* (props: Props<number>) => ... */}
)
票数 7
EN
Stack Overflow用户
发布于 2020-02-25 11:04:25
我通过将其保留为一个函数来解决它，将该函数重命名为
TableComponent
并执行以下操作：
代码语言：
javascript
复制
export const Table = memo(TableComponent) as typeof TableComponent编辑，这也行得通：
代码语言：
javascript
复制
const typedMemo: <T>(c: T) => T = React.memo
export const Table = typedMemo(TableComponent)
票数 6
EN
Stack Overflow用户
发布于 2020-02-25 11:00:57
您不需要将组件作为
React.memo
的第一个参数传递吗？我不能测试它，但我觉得这是思考的过程：
代码语言：
javascript
复制
// Overall format:
export const Table = memo(MyComponent, MyFunction)
// With empty arrow function:
推荐文章
|
|
至今单身的小蝌蚪 · 非类型化函数调用可能不接受类型参数- Angular 5 http调用_非类型化函数调用可能不接受类型参数_使用可变参数作为成员函数调用模板化类型 - 腾讯云开发者社区 - 腾讯云 1 周前 |
|
|
潇洒的茶叶 · 【Go泛型】Go泛型缺陷?，Go Stream是如何解决Go不支持泛型方法的问题的？ | TodoCoder 全栈工程师专注于后台开发与架构及编程思想经验的分享 | Java, Go, k8s, 编程 1 周前 |