react的样式问题。

Question

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之后打开发现图片没有加载。。在审查元素那提示说无法载入此图像？