состояние без конструктора

Я использовал с «конструктором» и «супер», однако я случайно увидел следующий способ ниже, чтобы впервые объявить локальное состояние компонента, когда у меня был аутсорсинговый проект.

class FeedCommentList extends Component<Props, State> {
  state: State = {
    isLoading: true,
    number: 6
  };
...
}

После проекта я вкратце понял, чем они отличаются друг от друга (хотя есть еще что докопаться…). Простой способ сравнить оба — использовать функцию Babel «Попробовать».

Я поместил оба случая в функцию Babel «Try out».

ВХОД

1.Введите функцию "Попробовать" с помощью "конструктора"

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = { lat: null, errorMessage: '' };
  }
}

2. Включите функцию "Попробовать"

class App extends React.Component {
  state = { lat: null, errorMessage: '' };
}

ВЫВОД

1.Вывод из функции "Попробовать" с помощью "конструктора"

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = { lat: null, errorMessage: '' };
  }
}

2.Результаты функции "Попробовать"

class App extends React.Component {
  constructor(...args) {
  var _temp;
  return _temp = super(...args), 
  this.state = { lat: null, errorMessage: '' }, 
  _temp;
  }
}

Ссылка :

  1. https://reactjs.org/docs/react-component.html
  2. https://reactjs.org/docs/state-and-lifecycle.html
  3. https://itnext.io/how-to-properly-define-state-in-react-components-47544eb4c15d
  4. https://www.robinwieruch.de/react-state-without-constructor/
  5. Modern React с Redux от Стивена Грайдера

Я пишу в блог то, что узнал позже, чтобы найти здесь для себя. Если вам довелось прочитать это дерьмо, и там есть неверная информация, было бы полезно добавить комментарий ниже.