Using FetchData React Component with Render Props

app.js

class App extends React.Component {
    constructor(props) {
        super(props)
    }

    render() {
        return (
            <div className="wrapper">
                <FetchData
                    url="https://jsonplaceholder.typicode.com/todos"
                    render={({loading, results, error}) => (
                        <div>
                            {loading && (
                                <p>Loading...</p>
                            )}
                            {results.length > 0 && (
                                <div className="results">
                                    {results.map(result => (
                                        <p key={result.id}>{result.title}</p>
                                    ))}
                                </div>
                            )}
                            {error && (
                                <p>There was a problem loading.</p>
                            )}
                        </div>
                    )}
                />
            </div>
        )
    }
}