了解打字稿中的React.FC

Question

我一直试图了解React.FC类型如何工作，并尝试了多种方法，这是唯一可行的方法：

cy.aliasRequestedValue('some-alias-name')
cy.get('@some-alias-name')
    .then(propertyValue => {
        //code that uses the value
    })

有人可以解释这部分

import React from 'react'
    
    type iProps<P = {}> = {
        (props: P): React.ReactElement<any, any>
    }
    
    interface IPropsTest {
        name: string,
        age: number
    }
    
    const MyComponent: iProps<IPropsTest> = ({ name, age }) => {
        return <div>{name} {age}</div>
    }

我为什么需要type iProps<P = {}> = { (props: P): React.ReactElement<any, any> } ，为什么必须放<P = {}>

Answer 1

什么是P = {}

这是通用默认设置。如果未提供通用参数，则假定P为{}。

为什么我必须放(props: P)

这意味着可以期望使用类型为P的一个参数来调用该函数。