在 React Native 中评估 JSX 元素时出错

Question

当 运行 我的应用程序在 babel 编译器处理 JSX 时遇到错误。这可能是由于 .babelrc 中的配置错误。这是错误：

undefined is not an object (evaluating '_react.React.createElement')

Screenshot

• 为 babel 添加 transform-react-jsx 插件没有解决问题

index.js:

renderLoadingView() {
  return (
    <View style={styles.container}>  // Failing on index.js:217
      <Text>
        Loading the app...
      </Text>
    </View>
  );
}

.babelrc:

{
  "presets": ["react-native-stage-0"]
}

Answer 1

如果你使用JSX，你必须导入React，所以你需要写

import React from 'react';

在文件的顶部。