Как правильно писать компонент?

Question

[ckatala]

Вариант #1

import React from 'react';

class App extends React.Component {
  render() {
    return (
      <React.Fragment>
        Компонент
      </React.Fragment>
    );
  }
}

export default App;

Вариант #2

import React, { Fragment, Component } from 'react';

class App extends Component {
  render() {
    return (
      <Fragment>
        Компонент
      </Fragment>
    );
  }
}

export default App;

Comments

[yanis_kondakov]

Еще можно добавить такой вариант. Синтаксис, чтобы не писать Fragment

import React from 'react';

class App extends React.Component {
  render() {
    return (
      <>
        Компонент
      </>
    );
  }
}

export default App;

Answer 1

[miliko mikoyan]

сколько я знаю людей все пишут вторым вариантом