使用 React 时右对齐表格单元格答案

【问题标题】：Right aligning table cell when using React使用 React 时右对齐表格单元格
【发布时间】：2019-02-04 01:14:03
【问题描述】：

我正在尝试右对齐表格单元格的内容，类似于here 的解释：

<td style="text-align:right">

然而，React 似乎决定不应该这样使用 style 关键字：

Line XX:  Style prop value must be an object   react/style-prop-object

An answer on this site 表示应该使用“样式”：

<td styles="text-align:right">

当然，React 认为这很好，但我的网络浏览器并不知道当我说 styles 时，我实际上是指 style。如何正确对齐表格中的内容？

【问题讨论】：

【解决方案1】：

正确的用法是

<td style={{ textAlign: 'right' }}>

【讨论】：

【解决方案2】：

在你的表格标签中，

<table class="text-center"> </table>

【讨论】：