为何import { React }无法使用React.Fragment？改用默认导入即可正常运行

这不是项目其他地方的问题，纯粹是你对React导入语法的理解有误导致的。

• React包的导出规则：React本身是默认导出的对象，而useState、useEffect这类Hook属于命名导出。所以正确的导入方式是通过import React（默认导入）拿到整个React对象，再用解构语法获取命名导出的Hook。
• 错误导入的本质：import { React, useState, useEffect } from 'react'这种写法，是试图把React当作命名导出的成员来导入，但React包根本没这么做——这个写法里的React变量其实是undefined，自然会触发Cannot read properties of undefined (reading 'Fragment')的错误。
• 额外补充：React 17及以后的JSX自动转换，允许你在写JSX时不用显式导入React，但如果要直接使用React.Fragment、React.createContext这类React顶层API，还是必须默认导入React对象。

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