Почему JSReact позволяет мне вызывать React Native, но не определяет соответствующий синтаксис и цветовое кодирование?

Question

В частности, в таких точках, как этот

    componentDidMount() {
    this._getCoords();
}

"{", стоящее перед этим ._getCoords, помечается как неправильное.Как и "{" после

    constructor(props)(
    super(props);
    this._getCoords = this._getCoords.bind(this);
    this.state = {
        position: null
        }; 

Есть ли причина для этого?Вместо того, чтобы принять {как действительный, вместо него ожидается a). Но когда я добавляю это предложение, код явно ломается.

Я пытался использовать такие инструменты, как "фрагменты ES7 React / Redux / GraphQL / React-Native", "фрагменты React-Native / React / Redux для es6 / es7" и "React Native Tools".Но ни один из них, похоже, не позволяет мне правильно писать код React Native.

Я пытался включать и выключать расширения без особой разницы.Похоже, что VSCode хочет, чтобы я просто кодировал в JavaScript

    constructor(props)(
    super(props);
    this._getCoords = this._getCoords.bind(this);
    this.state = {
        position: null
    }; 

    componentDidMount() {
    this._getCoords();
    }

Как уже говорилось ранее, общая ошибка, которую я вижу, это ";"ожидается или ") ожидается" вместо принятия соответствующего синтаксиса React Native.Кроме того, хотя это более наглядно, цветовая кодировка различных команд не отображается.

Редактировать

 import {MapView } from 'react-native-maps'; 


 constructor(props){ 
super(props); 
this._getCoords = this._getCoords.bind(this); 
this.state = { position: null }; 
} 

componentDidMount() { this._getCoords(); } 

Answer 1

Когда вы включаете конструктор, вы должны использовать middle brackets вместо small brackets.

(=> {// { вместо (

JavaScript основан на Java и является объектно-ориентированным языком. Поэтому вы создаете объекты в классе. Чтобы использовать конструктор, вы должны использовать класс.

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      position: null
    };
  }
  componentDidMount() {
    this._getCoords();
  }

  _getCoords() {
     alert("_getCoords")
  }
  render() {
    return(<View><Text>Basic Screen </Text> </View>);

  }
}