Как избежать импорта react в каждый .jsx?

Question

[volucris1]

У меня есть 2 файла:

class Hello extends React.Component {
    render() {
        return <h1>Hello, </h1>;
    }
}

export default Hello;

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import Hello from './anketa.jsx'; 


ReactDOM.render(
    <Hello />,
    document.getElementById("root")
)

Так вот, если я не импортирую в реакт в первый код, тогда всё не работает, когда подключаю, всё работает, как мне измежать постоянного подключения React

Answer 1

[Vladimir Lewandowski]

1. Используйте плагин для вашего сборщика, который автоматически будет вставлять импорт;
2. Или переезжайте на React 17 (Introducing the New JSX Transform).

Comments

[volucris1]

У меня 17.0.2

[volucris1]

Приложение создал через create-react-app

[Vladimir Lewandowski]

volucris1, версия CRA какая? С 4.0.0 поддерживает новый jsx-transform.

[Vladimir Lewandowski]

И приложенную статью почитайте, там подробно описано, как включить.