reactjs - ES6 の子コンポーネントでこの配列をフォーマットしてマップする場所は?

Question

だから私は親コンポーネントからプロップを取得しています。属性が次のようなデータ構造を持っているとしましょう: [{a: "a", b:"b"}, {c:"c", d:"d"}...]

そして、これがこの小道具を取得するコンポーネントです。

class Child extends Component {
    constructore(props){
       super();
       this.state = {items: []} 
       // props.name {a: "a", b: "b"}
    }
    render(){
       return( 

    )
  }
}

子コンポーネントでそれをレンダリングする前に、これを次のようなものにマップしたいと思います

for (let key in names){
    items.push(<MenuItem value={names[key]}
    key={key} primaryText={names[key]} />);
}

最終結果は次のようになります。

 class Child extends Component {
   constructore(props){
     super();
      this.state = {items: [<MenuItem value={"a"}>, 
     <MenuItem value{"b"},....etc   
}
  render(){
     return( 

   )
  }
 }