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之后打開發現圖片沒有加載。。在審查元素那提示說無法載入此圖像?
react的樣式問題。
白豬掌柜的
2018-10-16 17:22:25