searchkit not show the result

I use HierarchicalRefinementFilter component to search color. But I didn't make it work.Now I doubt whether searchKit had connected to es successfully. How can I test the connection?
This is my app.js.jsx

const sk = new Searchkit.SearchkitManager("http://localhost:9200/")


var App = React.createClass({
    render: function() {
        const SearchkitProvider      = Searchkit.SearchkitProvider;
        const Hits                   = Searchkit.Hits;
        const NoHits                 = Searchkit.NoHits;
        const HitsStats              = Searchkit.HitsStats;
        const Layout                 = Searchkit.Layout;
        const LayoutBody             = Searchkit.LayoutBody;
        const LayoutResults          = Searchkit.LayoutResults;
        const SearchBox              = Searchkit.SearchBox;
        const SideBar                = Searchkit.SideBar;
        const ActionBar              = Searchkit.ActionBar;
        const ActionBarRow           = Searchkit.ActionBarRow;
        const HierarchicalMenuFilter = Searchkit.HierarchicalMenuFilter;
        const HierarchicalRefinementFilter = Searchkit.HierarchicalRefinementFilter
        const RefinementListFilter   = Searchkit.RefinementListFilter;
        const SelectedFilters        = Searchkit.SelectedFilters;
        const ResetFilters           = Searchkit.ResetFilters;

        return (<div>
            <SearchkitProvider searchkit={sk}>
                <Layout>
                    <SearchBox
                        searchOnChange={true}
                        queryOptions={{analyzer:"standard"}}
                        queryFields={["title", "director", "year"]}/>
                    <LayoutBody>
                        <SideBar>
                            <HierarchicalMenuFilter fields={["type.raw", "genres.raw"]} title="Categories" id="categories"/>
                            <HierarchicalRefinementFilter field="color" title="Colors" id="colors"/>
                            <RefinementListFilter id="actors" title="Actors" field="actors.raw" operator="AND" size={10}/>
                        </SideBar>
                        <LayoutResults>
                            <ActionBar>
                                <ActionBarRow>
                                    <HitsStats/>
                                </ActionBarRow>
                                <ActionBarRow>
                                    <SelectedFilters/>
                                    <ResetFilters/>
                                </ActionBarRow>
                            </ActionBar>
                            <NoHits/>
                        </LayoutResults>
                    </LayoutBody>
                </Layout>
            </SearchkitProvider>
        </div>);
    }
});

This is my es doc:

curl "http://localhost:9200/test/colors/_search?pretty"
{
  "took" : 166,
  "timed_out" : false,
  "_shards" : {
    "total" : 5,
    "successful" : 5,
    "failed" : 0
  },
  "hits" : {
    "total" : 1,
    "max_score" : 1.0,
    "hits" : [
      {
        "_index" : "test",
        "_type" : "colors",
        "_id" : "AVmNDdtl9ros3nrAuuZJ",
        "_score" : 1.0,
        "_source" : {
          "color" : [
            {
              "level" : 1,
              "value" : "Color",
              "ancestors" : [ ]
            },
            {
              "level" : 2,
              "value" : "Red",
              "ancestors" : [
                "Color"
              ]
            },
            {
              "level" : 3,
              "value" : "Firebrick",
              "ancestors" : [
                "Color",
                "Red"
              ]
            },
            {
              "level" : 3,
              "value" : "Orange Red",
              "ancestors" : [
                "Color",
                "Red"
              ]
            },
            {
              "level" : 2,
              "value" : "Green",
              "ancestors" : [
                "Color"
              ]
            },
            {
              "level" : 3,
              "value" : "Sea Green",
              "ancestors" : [
                "Color",
                "Green"
              ]
            },
            {
              "level" : 3,
              "value" : "Lime Green",
              "ancestors" : [
                "Color",
                "Green"
              ]
            }
          ]
        }
      }
    ]
  }
}