Question

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

      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'}} >

Answer 2

在如下的反应css工作中：

＆＃13;

<div style={{
    fontFamily: 'Consolas',
    padding: 10,
    color: "#444",
    border: "3px solid orange",
    position: "relative",
    width: "15%",
    height: "25px",
    letterSpacing: 0,
    overflow: "hidden",
    fontSize: 10,
    fontVariant: "small-caps"
}}
>
Hello
</div>

＆＃13;

不喜欢这个

＆＃13;

<div style="font-family: Consolas;
    padding: 10px;
    color: #444;
    border: none;
    border: 3px solid orange;
    position: relative;
    width: 15%; height: 25px;
    letter-spacing: 0;
    overflow: hidden;
    font-size: 10px;
    font-variant: small-caps;"
>
text
</div>

＆＃13;

我希望这会有所帮助

creat-react-app build不接受样式

2 个答案: