Landing.js

import React from 'react';
import $ from 'jquery';
import config from '../config';

import Header from '../components/Header';
import Question from '../components/Question';
import Footer from '../components/Footer';

class Landing extends React.Component {
    constructor() {
        super();

        this.state = {
            questions: []
        }
    }

    componentDidMount() {
        this.serverRequest = $.get(config.api.questions, function (results) {
            this.setState({
                questions: results
            });
        }.bind(this));
    }

    componentWillUnmount() {
        this.serverRequest.abort();
    }

    render() {
        return (
            <div className="page-wrapper">
                <Header />
                <main className="landing">
                    <ul className="listing">
                        {this.state.questions.map(this.renderQuestions)}
                    </ul>
                </main>
                <Footer />
            </div>
        )
    }

    renderQuestions(question) {
        return <Question key={question._id} index={question._id} details={question} />;
    }
}

export default Landing;