小编Qu4*_*4k3的帖子

为了获得专业软件包的好处,无法从gem中添加font-awesome 5.

尝试了不同的方法来添加提供给项目的文件.遵循官方指南

包装内容:

我在其他stackoverflow帖子中看到,将其添加到应用程序的正确方法是

vendor/assets/

但在那之后,put/on-server /的css,js和font或/ web-fonts-with-css/files仍然无法正常工作.

尝试添加自定义样式表链接,需要并在scss中导入.无法实现它.

希望我已经清楚了.

我试图迭代对象数组中的 throw 元素，但由于返回的数据不是数组而是对象，因此 .map() 不能以简单的方式使用。

API 返回以下结构

/玩家（端点）

{
  "players": [
    {
      "player_id": "Uy2sZ5ef",
      "player_name": "Foo",
      "player_team": "5c50bae023213348c4453aaf"      
    },
    {      
      "player_id": "h15sqI4D",
      "player_name": "Foo 2",
      "player_team": "5c50bae023213348c4453aaf"
    }
  ]
}

反应组件

export class Players extends Component {
    state = {
        players: []
    }

    componentDidMount() {
    API.get(`players/`).then(res => {
            console.log(res)
            this.setState({ players: res.data })
        })
    }

    render() {
        return (
            <section className="contents">

                { this.state.players.map(player => <li>{player.player_name}</li>)}

            </section>
        );
    }
}