Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 6x 1x 6x | import React from 'react'; import { connect } from 'react-redux'; @connect(state => { return { display: state.index, }; }) export default class IndexView extends React.Component { showToggleEvent = e => { const { dispatch, display } = this.props; if (display) { dispatch({ type: 'index/toggleShow', payload: false, }); } else { dispatch({ type: 'index/toggleShow', payload: true, }); } }; render() { console.log('主页页面'); const { display } = this.props; return ( <div> 当前位置主页: <button className="show-action" onClick={this.showToggleEvent}> {display && '隐藏'} {!display && '显示'} </button> {display && <div className="show-item">我被显示了</div>} </div> ); } } |