fetch data json in react.js

[widy_1]

so i have the following data in all-names.json

{
    "copyright": "Copyright (c) 2014 The New York Times Company.  All Rights Reserved.",
    "num_results": 44,
    "results": [
        {
            "display_name": "Print & E-Book Fiction",
            "list_name": "Combined Print and E-Book Fiction",
            "list_name_encoded": "combined-print-and-e-book-fiction",
            "newest_published_date": "2014-12-14",
            "oldest_published_date": "2011-02-13",
            "updated": "WEEKLY"
        },
        {
            "display_name": "Print & E-Book Nonfiction",
            "list_name": "Combined Print and E-Book Nonfiction",
            "list_name_encoded": "combined-print-and-e-book-nonfiction",
            "newest_published_date": "2014-12-14",
            "oldest_published_date": "2011-02-13",
            "updated": "WEEKLY"
        },
        {
            "display_name": "Hardcover Fiction",
            "list_name": "Hardcover Fiction",
            "list_name_encoded": "hardcover-fiction",
            "newest_published_date": "2014-12-14",
            "oldest_published_date": "2008-06-08",
            "updated": "WEEKLY"
        },

i need to display value of each display_name..
this is the way i do

render:function(){
                    var listData = this.state.data.map(function (SingleResult) {
                    return (

                        React.createElement("li", null, data.display_name)

                    );
                });

                return (

                    React.createElement("ul", null, 
                        listData
                    )


                );
                }

but it doesn't work with data.display.. how to solve this??