import React, { Component } from 'react';

let list = []

class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      data: null,
      list: []
    };
  }

  componentDidMount() {
    fetch('https://visningsrom.stacc.com/dd_server_laaneberegning/rest/laaneberegning/v1/nedbetalingsplan', {
      method: 'POST',
      headers: {
        Accept: 'application/json',
        'Content-Type': 'application/json'
      },
      body: JSON.stringify({
        "laanebelop": 2000000,
        "nominellRente": 3,
        "terminGebyr": 30,
        "utlopsDato": "2045-01-01",
        "saldoDato": "2020-01-01",
        "datoForsteInnbetaling": "2020-02-01",
        "ukjentVerdi": "TERMINBELOP"
      })
    })
      .then(response => response.json())
      .then(data => {
        console.log(data)
        this.setState({
          data: data
        })
        data.nedbetalingsplan.innbetalinger.forEach(elem => {
          list.push(elem)
        })
        console.log("the list")
        console.log(list)
      })
      .then(() => {
        list.forEach(elem => {
          li.push(elem.dato)
        })
        console.log(li)
      })
  }




  render() {
    return(
      <div>
        {li}
      </div>
    )
  }
}

const li = []

export default App;