使用BUN

Question

JSX.Element

的定义。我是否缺少某些东西，或者我甚至需要它作为框架？是因为bun的运行时间吗？任何帮助都非常好。谢谢！

如果您创建自己的JSX运行时，那么

JSX.Element

Answer 1

但可以说您正在编写一个完全无用的框架，其中JSX组件只能返回一个字符串，然后您的JSX运行时可以看起来像这样：

export namespace JSX {
    export type Element = string;
}

export function jsx(element: () => JSX.Element): string {
    return element();
}

这是一个无用的示例应用程序：

import type { JSX } from "./jsx-runtime.js";

export function Component1(): JSX.Element {
    return "test";
}

export function Component2(): JSX.Element {
    return <Component1 /> + "whatever";
}

console.log(<Component2 />);

执行时，这只是输出“测试”。魔术发生在

jsx

工厂功能中。它负责将您想从组件返回的任何类型转换为框架的输出。

JSX.Element

类型简单地表示您的JSX运行时可以处理哪种数据。