Javascript 如何通过React.createContext（）提取状态中的数组；？

如何通过

React.createContext（）提取状态中的数组

这是我的州

 constructor(props){
    super(props)
    this.state = {
      sideDrawerOpen: false,
      resultData:[
        {id:"1",desc:"Dining",img:dining},
        {id:"2",desc:"Wellness",img:wellness},
        {id:"3",desc:"Activities",img:activities},
        {id:"4",desc:"Dining",img:dining},
        {id:"5",desc:"Wellness",img:wellness},
        {id:"6",desc:"Activities",img:activities},
        {id:"7",desc:"Activities",img:activities}
      ],
      title:"lorem"
    }
  }

这是MyContext.provider的

return (
      <MyContext.Provider value={this.state}>
        <Toolbar click={this.drawerButtonClickHandler} />
        {sideDrawer}
        {backdrop}
        <Banner />
        <HomeMenu data={this.state} />
        <Merchants />
        <Voucher />
        <br />
      </MyContext.Provider>
    )

返回(
{侧抽屉}
{background}


)

我尝试了循环，但它不起作用，但如果我从非数组的状态释放数据，我可以这样做

class HomeMenu extends Component{
  render(){
    return(
      <MyContext.Consumer>
        {(context) => (
          <p>{context.title}</p>
        )}
      </MyContext.Consumer>
    )
  }
}

class HomeMenu扩展组件{
render（）{
返回(
{（上下文）=>(
{context.title}

)}
)
}
}
您在循环中尝试了什么？请提供该代码。此问题已解决。我正在使用静态contextType（静态contextType=MyContext）