javascript - react的样式问题。

问题描述

问 题

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

这个问题已被关闭，原因：问题已解决 - 问题已解决，且对他人无借鉴意义

解决方案

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

这篇关于javascript - react的样式问题。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！