React.FC和JSX.Element之间的区别是什么>

问题描述 投票:-1回答:1

在React中,似乎我可以声明一个功能组件,或者只是一个函数返回一个JSX元素。令我感到困惑的是,我不知道这两种方法之间的主要区别。只有一种方法可以做而另一种方法不能做的事吗?

import React from "react";

type ItemProps = {
    id: number
    name: string
}

const Item: React.FC<ItemProps> = ({ id, name }) =>
    (
        <section>
            my id is {id}
            my name is {name}
        </section>
    )

const item = ({ id, name }: ItemProps) =>
    (
        <section>
            my id is {id}
            my name is {name}
        </section>
    )

export const Container = () =>
    (
        <section>
            {item({ id: 1, name: "item-1" })}
            <Item id={1} name={"item-1"} />
        </section>
    )

在React中,似乎我可以声明一个功能组件,或者只是一个函数返回一个JSX元素。令我感到困惑的是,我不知道这两种方法之间的主要区别。是否有...

reactjs typescript
1个回答
0
投票

这里是JSX:

© www.soinside.com 2019 - 2024. All rights reserved.