import React, { Component } from 'react';
import './App.css';
class App extends Component {
  state = { users: [] }
  componentDidMount() {
    fetch('/users')
      .then(res => res.json())
      .then(users => this.setState({ users }));
  }
  render() {
    return (
      <div className="App">
        <header className="App-header">
          <h1>Servers</h1>
          {this.state.users.map(user =>
            <div key={user.StreamName}>{user.StreamName} - {user.StreamURL}</div>
          )}
        </header>
      </div>
    );
  }
}
export default App;