React Native 中的条件渲染错误

Question

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

JavascriptException: {"stack":"Error: failed to execute 'importScripts' on 'WorkerGlobalScope'

这是我的代码原理的示例

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

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

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

Answer 2

检查打包程序日志，您的代码中可能存在语法错误，可能是一些非常简单的错误，例如缺少逗号。运行对您的代码进行 linter，如果来自打包程序日志的错误消息没有帮助，它将帮助您找到错误。

Answer 3

伙计们，我解决了这个问题。首先我禁用了远程调试，之后错误信息改变了，现在它显示我在渲染方法中有一个语法错误，恰好在 return，所以我改变了这个：

return({this.customRender()});

到这个

return(this.customRender());

现在可以使用了。

React Native 中的条件渲染错误

Conditional rendering error in react native

javascript

rendering

ecmascript-6

react-native