I have created two different components to render based on the data the user wishes to display. The app should show the recent top users by default and the all time users when you press the “all time points” button.
I have linked here the main app code:
import React, { Component } from 'react';
import './App.css';
//import RecentUsers from './RecentUsers';
//import AlltimeUsers from './AlltimeUsers';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import { showAllTime, showRecent } from './actions';
import Users from './Users';
class App extends Component {
constructor(props) {
super(props);
this.last30 = this.last30.bind(this);
this.allTime =this.allTime.bind(this);
}
componentDidMount() {
this.props.showRecent()
}
show original
The two components code:https://github.com/purpledrumsticks/FCC-Leaderboard/blob/master/src/RecentUsers.js
https://github.com/purpledrumsticks/FCC-Leaderboard/blob/master/src/AlltimeUsers.js
and a link to the the actual app: https://purpledrumsticks.github.io/FCC-Leaderboard/
I have not styled the project, so it may be a lil ugly. Please forgive me.
If anyone can shed light on what I am doing wrong I will love them forever <333
jenovs
April 5, 2017, 6:55pm
2
Replace arrow functions with regular functions in App.js and use arrow function or bind in onClick.
1 Like
Thank you for taking a look! I made some changes to App.js… but things still aren’t working. Is there something I need to add to the other two components? I have looked at quite a bit of code online and everything seems to be written correctly.
Here is a link to the code: https://github.com/purpledrumsticks/FCC-Leaderboard/blob/master/src/App.js
jenovs
April 6, 2017, 6:55am
4
No = in setState
this.setState({
// do the thing
});
1 Like
HOLY MOLY. That one really stumped me. I have the conditional rendering working now. THANK YOU SO MUCH. As promised, I love you forever now. <33333
