api setting

ExampleTwoDeepComponent.js

import React, {Component} from 'react';
import PropTypes from 'prop-types';
import Interactive from 'react-interactive';
import { Link } from 'react-router-dom';
import { Li } from '../styles/style';
import s from '../styles/exampleTwoDeepComponent.style';


class ExampleTwoDeepComponent extends Component {

  constructor() {
    super()
    this.state = {
      data: [],
    }
  }
  componentDidMount() {
    return fetch(' ')
				//' '안에 API URL을 넣어줍니다. 
      .then((response) => response.json())
      .then((responseJson) => {
        this.setState({ 
          data:responseJson
				// 불러온 API data에서 어떤 정보를 찾을지 지정해줍니다.
        })
        console.log(this.state.data)
      })
    }
  render() {

    return (
      <div>

        {
          this.state.data.map( (dynamicData,key)=>
          <div key={key}>
          {console.log('dynamicData', dynamicData)}
            </div>
          )
        }    
      </div>



    )
  }
}

export default ExampleTwoDeepComponent;