Question

我试图将css代码传递给我的反应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;">

Answer 1

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

使用style={{display: "block"}}代替

未捕获的ReferenceError：未定义块

1 个答案: