1
0
mirror of https://github.com/mgerb/mywebsite synced 2026-01-10 09:52:51 +00:00
Files
mywebsite/client/js/components/Preview.js
2016-08-18 20:32:54 +00:00

36 lines
1.0 KiB
JavaScript

import React from 'react';
import Link from 'react-router';
export default class Preview extends React.Component{
insertPosts(posts){
let elements = [];
for (let i in posts){
elements.push(
<div key={i}>
<p>{posts[i].date}</p>
<h1 dangerouslySetInnerHTML={this.decodeHtml(posts[i].title.toString())}></h1>
<p dangerouslySetInnerHTML={this.decodeHtml(posts[i].intro.toString())}></p>
</div>
);
}
return elements;
}
decodeHtml(html) {
var txt = document.createElement("textarea");
txt.innerHTML = html;
return {__html : txt.value};
}
render(){
const posts = this.props.posts;
return (
<div class="Previews">
{posts.length > 0 ? this.insertPosts(posts): ""}
</div>
);
}
}