我正在学习React for a project并且无法在现有组件中添加类。我检查了其他SO线程并查看了反应站点上的教程 - 看起来我正在使用className正确地执行它但它无法正常工作。例如,在我的Event.js中:
render: function() {
return (
<div>
<article>
<div className="row">
{ this.drawOrderError() }
<div className="large-4 columns event-img-div">
<img src={ this.props.image }/>
</div>
<div className="large-8 columns event-right-column">
{ this.state.showCreditCard ? this.drawCreditCard() : this.drawTicketing() }
<br />
<div className="event-detail">
<div className="row">
<div className="large-12 column">
<span className="ticket-column-headings">Event Details</span>
<p className="event-details">{this.props.description}</p>
</div>
</div>
</div>
</div>
</div>
</article>
{ this.drawOrderSummaryOverlay() }
</div>
);
}
我添加了类event-img-div
- 但是当我进入浏览器时,我没有看到它在控制台中添加,并且无法将样式应用于该类。我究竟做错了什么?如果需要可以提供更多代码。
我正在更改本地目录中的文件并在本地主机上运行,使用gulp启动服务器。