React.ReactNode报错：类型typeof React不存在该属性的问题咨询

核心问题 #

你遇到的错误本质是混淆了TypeScript的类型和React运行时的值：

• ReactNode是TypeScript专属的类型定义（仅存在于类型检查阶段），并非React库运行时暴露在React对象上的属性。
• 你直接写React.ReactNode;是试图把它当作运行时的值来访问，自然会提示属性不存在。

而import { ReactNode } from "react"能正常工作，是因为这是TypeScript的类型导入，编译后会被移除，不会影响运行时。

正确用法 #

1. 直接使用已导入的ReactNode类型 #

既然已经导入了ReactNode，在需要声明类型的位置直接使用即可，比如：

import React, { ReactNode } from "react";

const MyComponent = (): ReactNode => {
  return <div>Hello World</div>;
};

// 或者作为props类型
type Props = {
  children: ReactNode;
};

2. 若想用命名空间风格访问类型（不推荐） #

如果你习惯用React.ReactNode的写法，需要确保是在类型位置使用，并且可以改为全量导入React：

import * as React from "react";

const MyComponent = (): React.ReactNode => {
  return <div>Hello World</div>;
};

注意：这种写法里的React.ReactNode依然只是类型，不能作为运行时的值单独写一行React.ReactNode;。

为什么智能提示里没有ReactNode？ #

VSCode的智能提示在输入React.时，只会显示React运行时对象上存在的值（比如useState、Fragment、Children这些都是运行时可用的API），而ReactNode是类型，不会出现在值的提示列表里。

内容的提问来源于stack exchange，提问作者Nick