控制台.忽略黄色警告框 我如何知道要使用什么前缀？

Question

我有一个一般性问题和两个更具体的问题。

1. 如何从React-Native的黄盒警告信息中知道如何忽略它？
2. 如何忽略这个特定的警告？

3. 如何忽略这个特定的警告？

所有关于忽略特定警告的React-Native文档都说：

"在开发期间，可以使用console.disableYellowBox = true;来禁用YellowBoxes。可以通过设置应该被忽略的前缀数组来编程地忽略特定警告：console.ignoredYellowBox = ['Warning: ...'];"

因此，React-Native提供了这段代码，但我不知道如何指定警告的名称：

console.ignoredYellowBox = ['Warning: ReactNative.createElement'];

- Waltari

Answer 1

虽然官方文档没有详细介绍，但是查看YellowBox组件的代码，我们可以看到它使用了简单的字符串匹配来过滤警告：

return (
  Array.isArray(console.ignoredYellowBox) &&
  console.ignoredYellowBox.some(
    ignorePrefix => warning.startsWith(String(ignorePrefix))
  )
);

在这种情况下，您可以通过执行以下操作来禁用问题中概述的错误的覆盖层：

console.ignoredYellowBox = [
  'NetInfo\'s "change" event', // Safe to ignore because reasons
  'Using <Image> with children' // TODO: Will be fixed in release foo
];

如果需要，您可以根据需要使匹配更具体或更加模糊，因为这是一个简单的字符串匹配。
请注意，错误仍将记录在控制台中，上述配置仅禁用了给定错误的大黄色覆盖。

在未来的React Native版本中，console.ignoredYellowBox将被废弃并由YellowBox.ignoreWarnings取代，其工作方式完全相同。

- Etheryte

Answer 2

要禁用黄色框，请在应用程序中的任何位置放置 console.disableYellowBox = true;。通常放在根文件中，这样会同时适用于iOS和Android。

如果您想更多地控制这些消息，请查看此链接以获取更详细的信息: 在React Native中禁用黄色框

- Miodrag Smolovic