Switchステートメント/ JS

Question

私が反応し使用していますし、アレイ上にマッピングし、オブジェクトを作成しようとしています：

var levels = this.props.levels.map((level, i) => 
    <img key={i} src={levelImg} className={styles.level} /> 
); 

はこのような何かをすることが可能です：

var levels = this.props.levels.map((level, i) => 
    switch (i) { 
    case 1: 
     // do something 
     break; 
    case 2: 
     // do something 
     break; 
    case 3: 
     // do something 
     break; 
    } 
    // ... 
    <img key={i} src={levelImg} className={styles.level} /> 
); 

私はそのようなことをしようとすると構文エラーが発生します。矢印関数内をステートメントを使用するためには

Answer 1

、あなたは「通常の」関数定義を行うと同じように、中括弧（{}）とreturnで値を関数本体を区切る必要があります：

var levels = this.props.levels.map((level, i) => { 
    switch (i) { 
    case 1: 
     // do something 
     break; 
    case 2: 
     // do something 
     break; 
    case 3: 
     // do something 
     break; 
    } 
    // ... 
    return <img key={i} src={levelImg} className={styles.level} />; 
}); 

See the MDN documentation for more information.