react 新增自定义属性，通过typescript检测不爆红

前言

本文基于：“react”: “^18.2.0”

1.普通对象

访问对象不存在属性，会报不存在属性的一个错误

const obj = {};

obj.name = 'xlz';

2.React对象

给 react 增加一个自定义属性，也是一样

import React from 'react';

function App(): React.ReactElement {

  React.name = 'hello world';

  return <div>Hello Wrold</div>;
}

export default App;

3.配置 d.ts 文件

鼠标划到 React 上边，可以看到一个提示：React是一个命名空间

打开 src 目录下的 *.d.ts 文件

添加如下代码

namespace（命名空间） - 主要用于自定义声明属性的全局变量

declare namespace React {
  let name: string;
}

回到文件查看，已经通过检测了

如果本篇文章对你有帮助的话，很高兴能够帮助上你。

当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。