reactjs - 对于这种情况，有没有办法在不映射的情况下分离这个 JSON 数据？

Question

有什么方法可以将要显示的数据从 中分离出来{pokemon.abilities}，还是唯一的方法是映射它？

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

这是它的显示方式，显然我想在这两个词之间留出空格。

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>

标签： reactjs

Answer 1

这只是用空格分隔项目。很简单:)

pokemon.abilities.join("")