const arr = ["リンゴ", "パイナップル", "バナナ"];
return (
    <ul>
        {arr.map((name, i) => <li key={i}>{name}</li>)}
    </ul>
);

map関数で配列の中身をnameに割り当てて、アロー関数で実際に表示。
i はインデックス（0から？)が割り当てられる。