Question

我正在尝试通过数组进行映射并动态创建一个水平表，就像下面的图像一样。https://developers.facebook.com/docs/graph-api/reference/v2.12/user/picture

我正在映射像这样的数组，

const GameTable = (props) => {
  return (
    <div>
           <table>
            <thead>
                <tr>
                    <th>{props.status}</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>{props.home_team_name}</td>
                    <td>{props.home_score}</td>
                </tr>
                <tr>
                    <td>{props.away_team_name}</td>
                    <td>{props.away_score}</td>
                </tr>
            </tbody>
          </table>
    </div>
)

然后使用该数据填充以下组件。

/sw/external/product-name/linux64_g63.dll/

}

但是，输出是垂直表而不是水平表。我觉得这应该很容易，但我仍然遇到问题。 Anu建议会有所帮助！我正在使用React。

Answer 1

我不认为这与反应无关，我们可以用css来做：

...

render(){
  <div style={{display: 'flex'}}>
    {glanceGames}
  </div>
}

映射通过创建水平表的数组

1 个答案: