React context with classes.jsx

import React from 'react'

//define your context
const APIContext = React.createContext(null)

// export default APIContext;

class NotesList extends Component {
  
  //make the context accessible within this component
  static contextType = APIContext;

  render() {
  return (<p>{this.context.username}</p>) 
    }
  }


function App(){
  //use APIContext.Provider to provide the context down the tree
  return (
    <APIContext.Provider value={{username:'Amy'}}>
      <div>
        <div>
          <NotesList />
          </div> 
          <NotesList />
      </div>
      </APIContext.Provider>
  )
}

React.render(document.getElementById('body'), App)