没有使用className在React中添加类

时间:2016-07-01 18:28:51

标签: reactjs

我正在学习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启动服务器。

0 个答案:

没有答案