\u7528\u5230\u7684\u65b9\u6cd5\u5f88\u7b80\u5355,ES6 Object Destructuring.<\/p>\n
\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { connect } from 'react-redux';\r\n\r\n\/\/Import scss\r\nimport '.\/scss\/btn.scss';\r\n\r\n\/\/Component A\r\nclass Btn extends React.Component {\r\n\t\r\n\tclickHandler = () => {\r\n\t\tconst { sign , dispatch } = this.props;\r\n\t\tif(sign == '+') dispatch({type:'INCREASE_COUNT'});\r\n\t\tif(sign == '-') dispatch({type:'DECREASE_COUNT'});\r\n\t}\r\n\t\r\n\trender() {\r\n\t\tconst sign = this.props.children;\r\n\t\treturn (\r\n\t\t\t<div className=\"btnWrap\">\r\n\t\t\t\t<button onClick={this.clickHandler}> { sign } <\/button>\r\n\t\t\t<\/div>\r\n\t\t)\r\n\t}\r\n};\r\n\r\nexport default connect()(Btn);\r\n\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"