23 lines
562 B
JavaScript
23 lines
562 B
JavaScript
|
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;
|