Блог

В настоящее время я изучаю react native и пытаюсь создать КЛОН UBER. Но я сталкиваюсь с определенными проблемами, касающимися аннотаций типов и синтаксического анализа. Также всякий раз, когда я переименовываю свой app.js в app.jsx он перестает работать, и мне нужно переключить его обратно на app.js. Ошибка в строках № 30 и 31. Кто-нибудь, помогите мне это исправить.

Вот код.

 import React, {useState} from 'react';
import {View, TextInput, SafeAreaView} from 'react-native';
import {GooglePlacesAutocomplete} from 'react-native-google-places-autocomplete';

import styles from './styles';

const DestinationSearch = props => {
  const [fromText, setFromText] = useState({initalState: ''});
  const [destinationText, setDestinationText] = useState({initalState: ''});

  const [originPlace, setOriginPlace] = useState({initalState: 'null'});
  const [destinationPlace, setDestinationPlace] = useState({initalState:'null'});
  return (
    <SafeAreaView>
      <View style={styles.container}>
        <TextInput
          value={fromText}
          onChangeText={setFromText}
          style={styles.textInput}
          placeholder="From"
        />
        <TextInput
          value={destinationText}
          onChangeText={setDestinationText}
          style={styles.textInput}
          placeholder="Where to?"
        />
        <GooglePlacesAutocomplete
          placeholder="Where to?"
          onPress={(data:GooglePlaceData, details:GooglePlaceDetail | null = null) => {
            setDestinationPlace(value:{data, details});
          }}
          fetchDetails
          query={{
            key: 'AIzaSyB3rsn2ecpXZ8p9d8J_kLIH59rxt9KV6Rs',
            language: 'en',
          }}
        />
      </View>
    </SafeAreaView>
  );
};

export default DestinationSearch;
 

Ошибка заключается в :

 Parsing error: Unexpected token, expected ":"

  29 |           placeholder="Where to?"
  30 |           onPress={(data:GooglePlaceData, details:GooglePlaceDetail | null = null) => {
> 31 |             setDestinationPlace(value:{data, details});
     |                                            ^
  32 |           }}
  33 |           fetchDetails
  34 |           query={{
 

Это просто какая-то синтаксическая ошибка

 setDestinationPlace({ value: { data, details } });