let arr = ["яблоко", "апельсин", "слива", "виноград"]
const Fruit = (props) => {
return (
<div>
{
arr.map( elem, index => elem
<div>{elem}</div>
{ elem === arr[0] | elem === arr[arr.length-1] && <div>Hello</div>
)}
</div>
)
}
Мне нужно дописать див hello, только для первого и последнего элемента. Я смог додуматься только до этого. Подскажите как решить правильнее легче лучше