React Native报错Cannot read property createElement of undefined问题求助

错误原因 #

你代码第一行的React导入写法错误。React属于react包的默认导出项，你使用import { React } from 'react'的命名导入写法，拿到的React变量值为undefined。
而JSX语法在编译阶段会自动转换为React.createElement()调用，运行时找不到React对象自然就会抛出Cannot read property createElement of 'undefined'的错误。

修复方法 #

将第一行导入语句修改为默认导入即可：

// 修正后的React导入写法
import React from 'react'

如果你的项目使用React 17及以上版本，且已开启JSX自动转换配置，也可以直接删除这行React导入语句，不需要显式导入React也能正常编译运行。

可选优化（非必须） #

如果你的组件只有MyButton一个导出项，也可以把导出语句修改为默认导出，方便主组件导入使用：

// 替换原有export { MyButton } 为默认导出
export default MyButton

对应主组件的导入写法调整为：

import MyButton from './你的组件文件路径'

内容的提问来源于stack exchange，提问作者Vladimir