类能否作为对象的属性？React.Component是否属于该情况？

没错，React本质上就是一个普通的JavaScript对象，而React.Component就是挂载在这个对象上的一个类属性——这在JavaScript里是完全正常的写法，只是你之前没遇到而已。

为什么可以把类作为对象的属性？ #

JavaScript里的类本质上就是一种特殊的函数（你可以用typeof React.Component验证，结果是"function"），而函数本身也是对象，所以完全可以把类赋值给另一个对象的属性。

举个最直白的例子，和React的写法逻辑完全一致：

// 先定义一个类
class MyComponent {
  constructor(props) {
    this.props = props;
  }
}

// 创建一个名为MyLibrary的对象，把类作为它的属性
const MyLibrary = {
  Component: MyComponent
};

// 现在就可以通过点语法访问这个类，甚至继承它
class MyButton extends MyLibrary.Component {
  render() {
    return `Button: ${this.props.text}`;
  }
}

const btn = new MyButton({ text: 'Click Me' });
console.log(btn.render()); // 输出 "Button: Click Me"

React的实际情况 #

React库在导出的时候，就是把所有核心API（包括Component类、createElement方法、useState钩子等）都挂载到一个统一的React对象上，这样做的好处是：

• 避免全局变量污染，所有React相关的功能都在一个命名空间下
• 更清晰地组织API结构，方便开发者查找和使用

你之前没见过这种写法，只是因为很多基础教程更侧重React的使用，没特意讲这种JS基础语法场景而已，但它本身是完全符合JavaScript语法规范的。

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