Saya ingin membuat aplikasi yang membuat kompas dan kompas harus berubah dengan mengubah arah magnetometer. Kode terlampir di bawah ini menunjukkan kesalahan aneh. Meskipun saya telah menjalankan npm install react-timer-mixin untuk mengurutkan masalah. Dengan menjalankan kode ini di Expo, ini menunjukkan kesalahan seperti

Ekspresi super harus berupa null atau fungsi.

import React, {Components} from 'react';
import {Image, ImageBackground, View, Text, StyleSheet} from 'react-native';
import Expo from 'expo';

export default class App extends Components{
  state={
    isReady: false,
    v: null,
  };

  _setMagnetometerAsync = async() =>{
    Expo.Magnetometer.addListener((v)=>{
      this.setState({v});
    });
  }
  componentDidMount() {
    this._setupMagnetometerAsync();
  }
  render(){
    return(
      <View style = {styles.container}>
      <Text>{JSON.stringify(this.state.v)}</Text>
      <ImageBackground
      source = {require('./compassFace.png')}
      style = {{
        height: 320,
        width: 320,
        paddingTop:Expo.Constants.statusBarHeight,
        alignItems: 'center',
        justifyContents: 'center',
      }}>
        <Image
        source = {require('./CompassNeedle.png')}
        style={{
          height: 420,
          width: 420,
          opacity: 0.65,
        }}
        />
      </ImageBackground>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#ecf0f1',
  },
  paragraph:{
    margin: 24,
    fontSize: 18,
    fontWeight: 'bold',
    textAlign: 'center',
    color: '#34495e',
  },
});

The development server returned response error 500

0
Atia Riaz 21 September 2019, 12:36

1 menjawab

Jawaban Terbaik

Beberapa perbaikan: 1.

import React, {Components} from 'react';

Untuk

import * as React from 'react';

2.

 componentDidMount(){
        this._setupMagnetometerAsync();
      }

Untuk

 componentDidMount(){
        this._setMagnetometerAsync();
      }

3.

 export default class App extends Components{

Untuk

export default class App extends React.Component{
2
Oleg 21 September 2019, 15:32