尝试从索引文件执行JSX react / react-in-jsx-scope时，“反应”必须在作用域内？

Question

我正在尝试将所有导入汇总到一个位置，然后将其导出以供其他组件使用

我有一个src / car文件夹，其中包含car.js和index.js

index.js中的代码如下

    import React from 'react';
    import ReactDOM from 'react-dom';
    export {React, ReactDOM}

car.js中的

代码如下

    import * as Wfmimport from './index';

    export class Car extends Wfmimport.React.Component {
      render() {
        return <h2>Hi, I am a Car!</h2>;
      }
    }

我的src / index.js具有以下代码

import React from 'react';
import ReactDOM from 'react-dom';
import * as name from './car/car'
import './index.css';



ReactDOM.render(<name.Car />, document.getElementById('root'));

运行代码时，出现错误“尝试从索引文件执行操作时，使用JSX react / react-in-jsx-scope时，'React'必须在范围内”

谁能帮助我我在做什么错？

我的目标是减少导入语句，因此我正在尝试上述方式