Структура данных в приложении Simple React

Если вы используете последнюю версию реакции (16+), вы можете написать ее так, используя React.Fragment:

array.map((object, i) => (
    <React.Fragment key = {i}> 
        <li>{object.a}</li>
        <li>{object.b}</li>
        <li>{object.d}</li>
    </React.Fragment> 
))

Для версии React <16 (этот подход будет работать и для 16+) напишите это так:

array.map((object, i) => (
    [ 
        <li key = {i}>{object.a}</li>,
        <li key = {i+1}>{object.b}</li>,
        <li key = {i+2}>{object.d}</li>,
    ]
))

Примечание: Я использовал индекс как ключ, убедитесь, что вы используете правильные ключи в вашем коде.

Вы можете сделать это:

array.map((object) => {
  return <li>{object.a}</li><li>{object.b}</li><li>{object.d}</li>
})

// ES6 

const list = number => `<li> ${number} </li>`;
const mapObject = ({ a, b, d }) => [a, b, d].map(x => list(x))
const reduceList = (acc, next) => acc.concat(next);

array
  .map(mapObject)
  .reduce(reduceList, []);

// ONE LINER
array
  .map(({ a, b, d }) => [a, b, d].map(x => `<li> ${x} </li>`))
  .reduce((acc, next) => acc.concat(next), []);