react的样式问题。

monsterzzz
  • 131
var React = require('react')

module.exports = React.createClass({
    handleClick:function () {
      console.log(this.props.id+1 + "                  id")
        console.log(this.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之后打开发现图片没有加载。。在审查元素那提示说无法载入此图像?

回复
阅读 1.2k
1 个回答

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

宣传栏