How to avoid importing react in every .jsx?

Question

Web development

I have 2 files:

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")
)

So, if I don’t import into React in the first code, then everything doesn’t work, when I connect, everything works, how can I change React’s persistent connection

Answer 1

1. Use a plugin for your builder that will automatically insert imports;
2. Or move to React 17 ( Introducing the New JSX Transform ).