41 lines
840 B
React
41 lines
840 B
React
import React from 'react';
|
|
import ReactMarkdown from 'react-markdown';
|
|
|
|
class NewsPanel extends React.Component {
|
|
constructor(props) {
|
|
super(props);
|
|
|
|
this.state = {
|
|
data: {}
|
|
};
|
|
|
|
this.fetchNews(3);
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<div>
|
|
{Object.keys(this.state.data).map((key) => <div key={key}><ReactMarkdown source={this.state.data[key]} escapeHTML={false} /><hr /></div> )}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
fetchNews(max) {
|
|
//build the XHR
|
|
let xhr = new XMLHttpRequest();
|
|
|
|
xhr.onreadystatechange = () => {
|
|
if (xhr.readyState === 4) {
|
|
if (xhr.status === 200) {
|
|
this.setState({data: JSON.parse(xhr.responseText)});
|
|
}
|
|
}
|
|
}
|
|
|
|
xhr.open('POST', '/newsrequest', true);
|
|
xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');
|
|
xhr.send(JSON.stringify({ max: max }));
|
|
}
|
|
};
|
|
|
|
export default NewsPanel; |