creat-react-app 构建不接受样式

Question

我正在将我的 React 应用程序从自我管理的 Webpack 构建迁移到create-react-app基于 Webpack 的构建。我的样式未正确编译，例如，在我的主渲染方法中：

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

我得到了错误Warning: Unsupported style property text-align. Did you mean textAlign?。诸如此类的错误还有很多。任何帮助，将不胜感激。

Answer 1

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

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