React 组件传对象

2018-06-08  本文已影响0人  _嘿嘿_

<LikeButton wordings={{likedText: '已赞', unlikedText: '赞'}} />

class LikeButton extends Component {
constructor () {
super()
this.state = { isLiked: false }
}

handleClickOnLikeButton () {
this.setState({
isLiked: !this.state.isLiked
})
}

render () {
const wordings = this.props.wordings || {
likedText: '取消',
unlikedText: '点赞'
}
return (
<button onClick={this.handleClickOnLikeButton.bind(this)}>
{this.state.isLiked ? wordings.likedText : wordings.unlikedText} 👍
</button>
)
}
}

上一篇 下一篇

猜你喜欢

热点阅读