Как добавить span по условию?

Question

[Влад]

Добрый день!
Подскажите, пожалуйста.

Как добавить span в таблицу, как на скриншоте:


Сейчас, данное условие реализовано так:

if (el === 'pool_1') {
    return (
        <div>
            <span>{el}</span>
            <FormattedMessage id="s3.migration">
                {(txt) => <a className="datastore__migration">{txt}</a>}
            </FormattedMessage>
        </div>
    )
}
return <span>{el}</span>

Но проблема в том, что строки в первой колонке, могут изеняться. То есть, нужно добавлять span, если строки одинаковы!

Answer 1

[Сергей Сунцев]

Сложно понять, что требуется исходя из вопроса. Но могу предугадать, что требуется показать элемент исходя из наличия данных для этого элимента. В таком случае можно сделать так:

{el && <span>{el}</span>}

Если же вам нужно добавить блок ниже, то можно просто добавить в блок return этот тег.
Тут надо понимать, что после вызова return выпонение функции render() прекратится.

Comments

[Сергей Сунцев]

тогда берем массив и прогоняем его

return(
  <section>
    {arr && arr.map((item, key) => {
      return (
        <div key={key}>
            {arr.map(poll => poll === item.poll) && <span>{el}</span>}
            <FormattedMessage id="s3.migration">
                {(txt) => <a className="datastore__migration">{txt}</a>}
            </FormattedMessage>
        </div>
      )
    })}
  </section>
)

[Сергей Сунцев]