Reactjs 如何删除react控制台中的react prop类型警告

我使用的是开发模式，我需要我的控制台足够清晰。如何删除组件中的react-prop类型警告？我正在堆栈中使用react native web，可能会导致这些警告。

您能否尝试像这样导入道具类型

import PropTypes from 'prop-types';

console.disableYellowBox=true

这将解决问题

---

有关详细信息

首先，您需要安装

npm i道具类型--保存

然后使用

从“道具类型”导入道具类型

然后是

.propTypes={
Prop1：PropTypes。*
Prop2：PropTypes。*
}

其中*=

数组、布尔、函数、数字、对象、字符串、符号

---

共享导致警告的确切道具类型的更多信息。我的猜测是，您传递了错误的道具类型，例如，您将

字符串

传递给

数字

。纠正这个错误，警告就会消失。

您可以使用一个简单的工具，使用React-codemod和jscodeshift转换旧的代码React样式，首先从这里下载它

安装jscodeshift

npm install -g jscodeshift

下载

并将其放在应用程序节点_模块中

然后使用以下命令转换任何路径中的道具类型，这应适用于组件的文件夹

jscodeshift -t {PATH_YOUR_MAIN_APP}/node_modules/react-codemod/transforms/React-PropTypes-to-prop-types.js {PATH_FOR_COMPONENT_YOU_WANT_TO_CONVERT}

对于高级和主要更改，您可以使用以下其他选项

jscodeshift -t {PATH_YOUR_MAIN_APP}/node_modules/react-codemod/transforms/class.js --mixin-module-name=react-addons-pure-render-mixin --flow=true --pure-component=true --remove-runtime-proptypes=false {PATH_FOR_COMPONENT_YOU_WANT_TO_CONVERT} 

---

从“道具类型”导入道具类型

class Profile extends Component {
...

static propTypes = {
    networkInfo: PropTypes.object.isRequired,
    list: PropTypes.array.isRequired,
    id : PropTypes.number.isRequired
  };

警告可以删除
数据类型可以是句柄：
array、bool、func、number、object、string、symbol、any

参考：

安装。
npm i prop types--save
我发现最简单的解决方案是进入web浏览器控制台，右键单击react控制台警告，您应该会看到
隐藏来自0.chunk.js的消息等内容，按下该按钮，您将不再收到垃圾邮件

要恢复消息，只需清除控制台窗口顶部的过滤器