Javascript 创建react应用程序生成不接受样式

我正在将我的react应用程序从自我管理的网页包构建移动到基于

的创建react应用程序。我的样式编译不正确，例如，在我的主渲染方法中：

      return (
        <Grid>
            <Row style={headerStyle}>
                <Col xs={12}>
                <h1 style={{'text-align': 'center', 'color': 'white'}}>
                    Dashboard v0.3 
                </h1>
                </Col>
            </Row>
       </Grid>
       )

返回(
仪表板v0.3
)

我得到错误
警告：不支持的样式属性文本对齐。你是说文本对齐吗？
。有很多这样的错误。任何帮助都将不胜感激。
您使用的语法错误。应该是这样的:

<h1 style={{textAlign: 'center'}} >

您使用了错误的语法。应该是这样的:

<h1 style={{textAlign: 'center'}} >

在react css中的工作方式如下：



你好
在react css中的工作方式如下：



你好
使用内联样式或JS样式时，属性名称中不能有破折号，因为它是一个对象。所以
text align
变成
text align
，或者
border top
变成
borderTop
，等等，我的观点是，以前在我的旧系统中，它被正确传输，但现在它不再使用内联样式或JS样式时，属性名称中不能有破折号，因为它是一个对象。因此
文本对齐
变成
文本对齐
，或者
边框顶部
变成
边框顶部
，因此，我的观点是，以前在我的旧系统中，它被正确传输，但现在它不正确。我的观点是，以前在我的旧系统中，它被正确传输，但现在它不知道你在旧系统中使用了哪个版本的react，但AIK文本对齐将在最新的react版本中抛出错误。我的观点是，以前在我的旧系统中它被正确地传输，但现在它不知道您在旧系统中使用了哪个版本的react，但是AFAIK text align将在最新的react版本中抛出错误。