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之后打开发现图片没有加载。。在审查元素那提示说无法载入此图像?
添加回答
举报
0/150
提交
取消