创建元素的正确打字稿类型是什么

Question

这里的 return 类型是什么？

路径值是一个return元素的函数。

export type iconName = "logo";

type icon = {
    viewBox: string;
    paths: () => ??;
};

const IconSet: Record<iconName, icon> = {
    logo: {
        viewBox: "0 0 20 20",
        paths: () => (<div>...</div>),
    },
};

export { IconSet };

我就是想在js中这样使用


export const test = {
  a : () => {return (
    <div>...</div>
    
  )}
}

我的package.json文件

这里是 tsconfig 文件

Answer 1

您可以 return JSX.Element 从 e 函数 return 一个 JSX 元素：

type icon = {
    viewBox: string;
    paths: () => JSX.Element;
};

const IconSet: Record<iconName, icon> = {
    logo: {
        viewBox: "0 0 20 20",
        paths: () => (<div>...</div>),
    },
};

Playground Link

创建元素的正确打字稿类型是什么

What is the proper typescript type for creating element

types

typescript

reactjs