2021年2月18日復旧(react+AJAX)

import React, { Component } from "react";

import "./App.css";

class Nav extends Component {
  state = {
    list: [],
  };
  componentDidMount() {
    fetch(".public/list.json")
      .then(function (result) {
        return result.json();
      })
      .then(
        function (json) {
          this.setState({ list: json });
        }.bind(this)
      );
  }
  render() {
    return(
      <nav>
        <ul>
          <li><a href ="1">HTML</a></li>
          <li><a href ="2">CSS</a></li>
          <li><a href ="3">JS</a></li>
        </ul>

      </nav>
    )
  }
}

function App() {
  return (
    <div className="App">
      <h1>WEB</h1>
      <Nav />
      <article>
        <h2>Welcome</h2>
        Hello, React & amp :ajax
      </article>
    </div>
  );
}

export default App;