未捕获的 ReferenceError：未定义块答案

【问题标题】：Uncaught ReferenceError: block is not defined未捕获的 ReferenceError：未定义块
【发布时间】：2015-12-29 01:18:58
【问题描述】：

我正在尝试将 css 代码传递到我的 react javascript 中，但出现以下错误 -

Uncaught ReferenceError: block is not defined

这里是相关的 app.js 代码 -

<div className="col-md-2">
    <div className="sidebar content-box" style={{display: block}}>
        <ul className="nav">
            <AppList data={this.state.data} />
        </ul>
    </div>
</div>

我正在使用这里找到的 css -

https://github.com/VinceG/Bootstrap-Admin-Theme-3/blob/master/css/styles.css

如果代码像这样在 HTML 中，它可以正常工作 -

<div class="sidebar content-box" style="display: block;">

【问题讨论】：

如果不使用任何变量，为什么要把它放在{{ }} 中？

标签： javascript css twitter-bootstrap reactjs

【解决方案1】：

prop style 在这里需要一个键值对对象，并记住你在 js 中的土地，所以你的 block 需要是变量或带引号的字符串。

改用style={{display: "block"}}

【讨论】：