Reactjs 对于这种情况，有没有一种方法可以在不映射的情况下分离JSON数据？

有没有办法将显示的数据从{pokemon.abilities}中分离出来，或者映射是唯一的方法

我省略了中间的一些代码，因为它与问题无关

下面是它的显示方式，我希望这两个词之间有明显的间隔

---

这只是用一个空格分隔项目。很简单：

---

pokemon.abilities.join

更新了问题，并显示了问题的显示方式。事实上，可能是重复的。非常感谢。

const PokemonDetail = ({ match }) => {


    const [pokemon, setPokemon] = useState({
        types: [],
        egg_groups: [],
        abilities: [],
        stats: {}
    });



                <h3 className="seperator"> Profile </h3>
                <h4>Height: {pokemon.height} m</h4>
                <h4>Weight: {pokemon.weight} kg</h4>
                <h4>Abilites: {pokemon.abilities} </h4>
                <h4>Egg Groups: {pokemon.egg_groups}</h4>