mapの中で変数定義をしたい。

Question

前提・実現したいこと

map処理中で重複して使う値があるので変数定義したいです。

該当のソースコード

以下のコードでtitleがmap内で重複しているので変数として定義したいのですが、
sgという変数を使いたいのでmapの中でしか変数を定義できません。

しかし、mapの中で変数をうまく定義できずエラーが出てしまいます。

const React = require('react')
const { storage } = require('@/store')
const { _ } = require('@/util')
module.exports = (s, klassId, kss) => {
  return (
    <div>
      <div className='D(f) Fxd(c)'>
        {kss.map((sg, i) =>
        (
          // (title = torage.klassSimgroups[klassId][sg.simgroupId].simgroupName) こんな感じで定義したい。
          <span key={sg.simgroupId} title={title}>
            {title}
          </span>
        ))}
      </div>
    </div>
  )
}

Answer 1

変数宣言は式の途中ではできません。mapの取る関数を、中括弧区切りにして文を並べる形態に変える必要があります。

      <div className='D(f) Fxd(c)'>
        {kss.map((sg, i) =>
        {
          const title = torage.klassSimgroups[klassId][sg.simgroupId].simgroupName
          return <span key={sg.simgroupId} title={title}>
            {title}
          </span>
        })}
      </div>

Comments

[s.k]

なるほどです！できました！ありがとうございます。