Eror

import React from 'react';
import {
  StyleSheet,
  SafeAreaView,
  ScrollView,
  View,
  Text,
  TextInput,
  Button,
  Alert,
} from 'react-native';
import axios from 'axios';
import {TouchableOpacity} from 'react-native-gesture-handler';
import {withNavigation} from 'react-navigation';

class DataPenyakit extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      namaPenyakit: '',
      keterangan: '',
      solusi: '',
    };

    this.RestUrl = 'http://localhost/rest_kelengkeng';
  }

  componentDidMount() {}

  _saveDataPenyakit = () => {
    let Url = this.RestUrl + '/Input_m_Penyakit';
    let Data = {};

    Data.namaPenyakit = this.state.namaPenyakit;
    Data.keterangan = this.state.keterangan;
    Data.solusi = this.state.solusi;

    console.log(Data);
    let self = this;

    // fetch('http://localhost/rest_kelengkeng/Input_m_Penyakit', {
    //   method: 'post',
    //   body: {
    //     namaPenyakit: this.state.namaPenyakit,
    //     keterangan: this.state.keterangan,
    //     solusi: this.state.solusi,
    //   },
    // })
    //   .then(function(response) {
    //     return response.json();
    //   })
    //   .then(function(data) {
    //     // ChromeSamples.log('Created Gist:', data.html_url);
    //     alert('Sukses');
    //   });

    axios
      .post('http://localhost/rest_kelengkeng/Input_m_Penyakit', {
        headers: {
          'Access-Control-Allow-Origin': '*',
          'Access-Control-Allow-Headers': '*',
          'Content-Type': 'application/json;charset=UTF-8',
        },
        body: {
          namaPenyakit: this.state.namaPenyakit,
          keterangan: this.state.keterangan,
          solusi: this.state.solusi,
        },
      })
      .then(function(response) {
        console.log(response);
        // self.props.navigation.goBack();
      })
      .catch(function(error) {
        console.log(error);
      });
  };

  render() {
    return (
      <SafeAreaView>
        <ScrollView>
          <View style={styles.container}>
            <View style={styles.judul}>
              <Text style={styles.datapenyakit}>DATA PENYAKIT</Text>
            </View>

            <View style={styles.margin}>
              <View style={styles.row}>
                <Text style={{fontSize: 17}}>Nama Penyakit</Text>
                <TextInput
                  style={styles.txtnamapenyakit}
                  underlineColorAndroid="blue"
                  onChangeText={namaPenyakit => this.setState({namaPenyakit})}
                />
              </View>
              <View style={styles.row}>
                <Text style={{fontSize: 17}}>Keterangan</Text>
                <TextInput
                  style={styles.txtketerangan}
                  underlineColorAndroid="blue"
                  onChangeText={keterangan => this.setState({keterangan})}
                />
              </View>
              <View style={styles.row}>
                <Text style={{fontSize: 17}}>Solusi</Text>
                <TextInput
                  style={styles.txtsolusi}
                  underlineColorAndroid="blue"
                  onChangeText={solusi => this.setState({solusi})}
                />
              </View>
            </View>

            <View style={styles.margin}>
              <View style={styles.btn}>
                <View style={styles.btntambah}>
                  <TouchableOpacity>
                    <Button
                      title="TAMBAH"
                      onPress={() => Alert.alert('btn tambah')}
                    />
                  </TouchableOpacity>
                </View>
                <View style={styles.btnsimpan}>
                  <TouchableOpacity>
                    <Button title="SIMPAN" onPress={this._saveDataPenyakit} />
                  </TouchableOpacity>
                </View>
              </View>
              <View style={styles.btn}>
                <View style={styles.btnedit}>
                  <TouchableOpacity>
                    <Button
                      title="EDIT"
                      onPress={() => Alert.alert('btn edit')}
                    />
                  </TouchableOpacity>
                </View>
                <View style={styles.btnhapus}>
                  <TouchableOpacity>
                    <Button
                      title="HAPUS"
                      onPress={() => Alert.alert('btn hapus')}
                    />
                  </TouchableOpacity>
                </View>
              </View>
            </View>
          </View>
        </ScrollView>
      </SafeAreaView>
    );
  }
}

export default withNavigation(DataPenyakit);

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  judul: {
    marginTop: 50,
    alignItems: 'center',
  },
  datapenyakit: {
    fontSize: 25,
    fontWeight: 'bold',
  },
  row: {
    marginTop: 20,
    marginLeft: 20,
    width: '89%',
  },
  margin: {
    marginTop: 30,
  },
  btn: {
    flexDirection: 'row',
    marginTop: 20,
    justifyContent: 'space-between',
  },
  btntambah: {
    width: '50%',
    paddingLeft: 20,
    paddingRight: 10,
  },
  btnsimpan: {
    width: '50%',
    paddingLeft: 10,
    paddingRight: 20,
  },
  btnedit: {
    width: '50%',
    paddingLeft: 20,
    paddingRight: 10,
  },
  btnhapus: {
    width: '50%',
    paddingLeft: 10,
    paddingRight: 20,
  },
});