console.ignoredYellowBox如何知道要使用的前缀?

时间:2017-09-13 14:09:45

标签: javascript reactjs react-native react-native-android react-native-ios

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

  1. 如何从黄色框警告消息中告诉如何在React-Native中忽略它?
  2. 如何忽略此特定警告?
  3. enter image description here 3.我如何忽略这一具体警告?

    enter image description here

    React-Native documentation关于忽略特定警告的所有内容都是:

      

    “使用时可以在开发过程中禁用YellowBoxes   console.disableYellowBox = true;。特定警告可以忽略   以编程方式设置应该是的前缀数组   忽略:console.ignoredYellowBox = ['警告:...'];。“

    所以React-Native提供了这段代码,但我不知道如何指定警告的名称:

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

2 个答案:

答案 0 :(得分:7)

虽然文档中没有详细介绍,但查看the YellowBox component code,我们可以看到它使用简单的字符串匹配来过滤警告:

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取代,它将以相同的方式工作。

答案 1 :(得分:0)

&#34;要禁用黄色框位置 console.disableYellowBox = true ;在您的应用程序中的任通常在根文件中,因此它将适用于iOS和Android。&#34;

如果您想要更多地控制这些消息,请查看此链接以获取更深入的信息:Disable the Yellow Box in React Native