如何在react native中看到所有已弃用的方法函数?

Question

如何在react native中看到所有已弃用的方法函数?我有一个旧的react native项目，它不能正常工作，错误一个接一个地出现，所以我更新了所有过时的包，但之后在运行项目时也出现了许多错误

我累了修复一些，但现在我知道我的项目和许多被弃用的函数，它变得非常难以解决一个接一个我在一个项目中有很多文件，所以他们有什么简单的方法，所以看到所有被弃用的函数方法变量等我运行npm过时的npm包，但这不是一个解决方案…

我不希望我的代码更新，我只是想搜索或看看哪些函数和方法被弃用

Answer 1

eslint-plugin-deprecation允许显示不支持的函数和更多。

与npm i -D eslint-plugin-deprecation一起安装。如果还没有安装，安装足够的Typescript来运行这个ESLint插件，但不要太多，迫使整个项目使用它:npm i -D typescript@4.0 @types/jest @types/react @types/react-native @types/react-test-renderer @tsconfig/react-native。这是官方指南的一个子集。

创建不存在的tsconfig.json:

{
"extends": "@tsconfig/react-native/tsconfig.json"
}

替换或添加到.eslintrc.js:

module.exports = {
root: true,
extends: '@react-native-community',
"parser": "@typescript-eslint/parser",
"parserOptions": {
"ecmaVersion": 2020,
"sourceType": "module",
"project": "./tsconfig.json"
},
"plugins": ["deprecation"],
"rules": {
"deprecation/deprecation": "warn",
},
};

创建.eslintignore:

.eslintrc.js

作为一个例子，在新创建的项目的App.js中添加和使用一个废弃的函数:

// ...
import {
Colors,
DebugInstructions,
Header,
LearnMoreLinks,
ReloadInstructions,
} from 'react-native/Libraries/NewAppScreen';
/**
* @deprecated
*/
function dontUseThis() {}
/* $FlowFixMe[missing-local-annot] The type annotation(s) required by Flow's
* LTI update could not be added via codemod */
const Section = ({children, title}): Node => {
dontUseThis(); // Newly added line 37 as an example of a deprecated function
const isDarkMode = useColorScheme() === 'dark';
return (
// ...

当使用npm run lint时，将显示弃用的函数:

$ npm run lint
> AwesomeProject@0.0.1 lint
> eslint .

/run/user/1000/AwesomeProject/App.js
10:14  warning  'Node' is defined but never used  no-unused-vars
37:3   warning  'dontUseThis' is deprecated.      deprecation/deprecation
✖ 2 problems (0 errors, 2 warnings)