React Native中的条件渲染错误

Question

有条件地在React Native中渲染组件时遇到问题。 它显示了此错误消息：

JavascriptException：{“ stack”：“错误：无法在'WorkerGlobalScope'上执行'importScripts'

这是我的代码原理示例

export default class App extends Component {
  render() {
    return(
        {this.customRender()}
    );
  }

  customRender() {
    var x = true;
    if(x) {
        return (<View />);
    }
    else return (<Text>False</Text>);
  }

}

Answer 1

伙计们，我解决了这个问题。 首先，我禁用了远程调试，此后错误消息发生了变化，现在它表明我在render方法中有语法错误，确切地说是在返回中，因此我对此进行了更改：

return({this.customRender()});

对此

return(this.customRender());

现在可以了。

Answer 2

一个问题可能与代码无关，但这是您的应用程序在开发模式下使用捆绑的JS-File的结果。 您应将打包程序用于开发，并将正常的捆绑文件用于生产。 您可以使用“ --allow-file-access-from-files”标志打开Web浏览器，以在开发设置中使用捆绑的版本。

另一个可能的问题可能是自动关闭的View -Tag。

Answer 3

检查打包程序日志，您的代码中可能存在语法错误，可能很简单，例如缺少逗号。 在代码上运行lint，如果错误消息frmo打包程序日志没有帮助，它将帮助您找到错误。