react的样式问题。

var React = requirereact module.exports = React.createClass{ handleClick:function { console.logthis.props.id+1 + " id" console.logthis.props.nowid + " state" }, render : function { return <div style={this.props.nowid == this.props.id+1?{Display : block}:{}} onClick={this.handleClick}><img src={require../../img/00.jpg} />{this.props.id}</div> }
}
.haha>div{ width: 200px; height: 200px; background-color: #00B7FF; border: 2px solid palegreen; display: none; }

这个是原本的样式,我的想法是,根据父组件传进来的当前状态值判断是否与当前div的id相等,如果相等,则修改样式为display:block;但是为什么不成功呢?
还有一个问题就是关于webpack的图片打包问题。。。 我require了图片,但是webpack之后打开发现图片没有加载。。在审查元素那提示说无法载入此图像?

这个问题已被关闭,原因:问题已解决 – 问题已解决,且对他人无借鉴意义

  • 3月4日提问
  • 4 评论
  • 邀请回答
  • 编辑

webpack无法加载图片的问题找到了。。
是因为配置文件没有写好,没有写出publicPath

  • 3月5日回答
  • 评论
  • 编辑

发表评论

电子邮件地址不会被公开。 必填项已用*标注