Hillary and Trump sagas

This commit is contained in:
Rodrigo Pedroso 2019-06-21 10:53:16 -04:00
commit aac33139ba
5 changed files with 75 additions and 11 deletions

View file

@ -1,10 +1,18 @@
import React, { Component } from "react"
import { connect } from "react-redux"
import { getData } from "../actions/index"
import { getHillaryData } from "../actions/index"
import { getTrumpData } from "../actions/index"
export class Post extends Component {
componentDidMount() {
this.props.getData()
// this.props.getData()
if (this.props.candidate === 'Hilary Clinton') {
this.props.getHillaryData()
}
else {
this.props.getTrumpData()
}
}
render() {
@ -15,8 +23,9 @@ export class Post extends Component {
<p>Candidate: {cand}</p>
<ul className="list-group list-group-flush">
{this.props.articles.map(el => (
<li className="list-group-item" key={el.id}>
<p>{el.title}</p>
<li className="list-group-item" key={el.id_str}>
<p>{el.created_at}</p>
<p>{el.text}</p>
</li>
))}
</ul>
@ -34,5 +43,5 @@ function mapStateToProps(state) {
export default connect(
mapStateToProps,
{ getData }
{ getData, getHillaryData, getTrumpData }
)(Post)