I am trying to build a basic web app where a user can search for subreddits using the Reddit API.
However, while I can `console.log` the data I need from the API I cannot seem to figure out how to display it.

```
import React, { useState, useEffect } from "react";
import Amplify, { API, graphqlOperation } from "aws-amplify";
import aws_exports from "./aws-exports";
import { withAuthenticator, AmplifySignOut }  from '@aws-amplify/ui-react';
import awsconfig from "./aws-exports";
import './App.css'
import axios from 'axios'
import CharacterGrid from './components/CharacterGrid'
import SearchBar from './components/SearchBar'

Amplify.configure(awsconfig); 

const App = () => {

  const [items, setItems] = useState([])
  const [isLoading, setIsLoading] = useState(true)
  const [query, setQuery] = useState('')

  useEffect(() => {
    const fetchItems = async () => {
      setIsLoading(true)
      const result = await axios(
        `https://www.reddit.com/subreddits/search.json?q=${query}`
      )

      setItems(result.data)
      setIsLoading(false)
    }

   fetchItems()
  }, [query])

  return (
    <div className='container'>
      <AmplifySignOut/>
      <SearchBar style={{ marginTop: "6%" }}  getQuery={(q) => setQuery(q)} />
      <CharacterGrid isLoading={isLoading} items={items} />
    </div>
  )
}

export default withAuthenticator(App)

```

The child component `CharacterGrid` looks like this:

```
import React from 'react'
import CharacterItem from './CharacterItem'

const CharacterGrid = ({items, isLoading}) => {

  return 
    isLoading 
      ? (<h1>Loading ...</h1>) 
      : (
        <section className='cards'>
          <p>{items.data}</p> //this does not work
          <p>{items.children}</p> //this does not work either
        </section>
      )
}

export default CharacterGrid 

```

All I want to do is show the names of the subreddits that are returned from the API for the query string the user enters. Where am I going wrong? I have also tried converting to JSON, and mapping through the responses using .map() but I keep getting errors no matter what I try. Where am I going wrong?