react 日常工作小笔记

默认配置 defaultProps

默认配置通过 ​​||​​​ 操作符可以实现，React.js 也提供了一种方式 ​​defaultProps​​，可以方便的做到默认配置。

class LikeButton extends Component {
  static defaultProps = {
    likedText: '取消',
    unlikedText: '点赞'
  }

  constructor () {
    super()
    this.state = { isLiked: false }
  }

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

  render () {
    return (
      <button onClick={this.handleClickOnLikeButton.bind(this)}>
        {this.state.isLiked
          ? this.props.likedText
          : this.props.unlikedText} 

标签：isLiked,笔记,defaultProps,react,state,默认,日常,props,组件	

From： https://blog.51cto.com/u_12422954/5985787