1 回答

TA貢獻(xiàn)1155條經(jīng)驗(yàn) 獲得超0個(gè)贊
let items = [];
Object.entries(this.languagesKey()).forEach(([key, value], index) => {
items.push(<MenuItem key={index} value={key}>{value}</MenuItem>);
});
<FormControl>
<InputLabel htmlFor="nativeLanguageSelect">Select Language You Already Know</InputLabel>
<Select
onChange={ this.nativeLanguageChange }
inputProps={{
name: 'nativeLanguage',
id: 'nativeLanguageSelect'
}}
value={ this.state.nativeLanguage }
>
{ items }
</Select>
</FormControl>
推薦使用 .map 以方便使用
您需要數(shù)組才能使用地圖。例子。
<FormControl>
<InputLabel htmlFor="nativeLanguageSelect">Select Language You Already Know</InputLabel>
<Select
onChange={ this.nativeLanguageChange }
inputProps={{
name: 'nativeLanguage',
id: 'nativeLanguageSelect'
}}
value={ this.state.nativeLanguage }
>
{Object.keys(this.languagesKey()).map(option =>
<MenuItem key={option} value={option}>{this.languagesKey()[option]}</MenuItem>
)}
</Select>
</FormControl>
添加回答
舉報(bào)