2017-02-16 96 views
0

其實我開發樣品appilication,我想顯示在使用地圖功能名稱列表中反應的本機菜單選項:陣營母語:對象是不是一個陣營的孩子有效(發現:用鑰匙對象{PNAME})

第一我是聲明一個陣列:

下一個後我寫映射函數在渲染()和在()返回在菜單上下文Component使用該組件。

var ListNames = [{"pname":"Smith"},{"pname":"Jhon"},{"pname":"Steve"},{"pname":"Ferr"},{"pname":"Kevin"}]; 

    render(){ 

     ListNames.map((ele, i)=>{ 
         <Text>{ele.pname}</Text>   
     }) 

    return(
    <MenuContext style={{height:50,marginTop:20}} ref="MenuContext"> 
        <Menu style={styles.dropdown} onSelect={(value) => this.setState({ dropdownSelection: value })}> 
        <MenuTrigger style={{flex:1,flexDirection:'row'}}> 
        <View style={{flex:.7}}> 
         <Text style={{color:'black',fontSize:15}}>{this.state.dropdownSelection}</Text> 
         </View> 

         <View style={{flex:.3,alignItems:'flex-end'}}>   
         <Image source = {require('./../images/dropdown.png')} style={{height:15,width:20,marginTop:3}}/> 
         </View> 
         </MenuTrigger> 
        <MenuOptions optionsContainerStyle={styles.dropdownOptions1} 
            renderOptionsContainer={(options) => <ScrollView><Text>SELECT....</Text>{options}</ScrollView>}> 


         <MenuOption value={ListNames}> 
         **{ListNames}** 
         </MenuOption> 


         {/* <MenuOption value="Kevin"> 
         <Text>Kevin</Text> 
         </MenuOption> 
         <MenuOption value="Pieterson"> 
         <Text>Pieterson</Text> 
         </MenuOption> 
         <MenuOption value="David"> 
         <Text>David</Text> 
         </MenuOption> 
         <MenuOption value="Meissi"> 
         <Text>Meissi</Text> 
         </MenuOption> */} 
        </MenuOptions> 
        </Menu> 
        </MenuContext>) 
} 

所以我想用映射函數反應機菜單選項模塊是它使用的名稱映射功能

任何一個請建議此

回答

0

最後我解決了這個顯示的,我很愚蠢的想法,只是在retturn梅索德

<MenuOption value={ListNames> 
            {ListNames} 
            </MenuOption> 

更換,以低於

給出
{ 
         this.state.ListNames.map((ele, i)=>{ 
         return <MenuOption value={ele.playerName}> 
           <Text>{ele.playerName}</Text> 
           </MenuOption>   
         }) 
        } 
相關問題