javascript 使用Reducers for State的简单和复杂版本

Posted 2021-05-03

// Snagged from @dan_abramov.
// Source: https://twitter.com/dan_abramov/status/1046150253102141440

class ReducerState extends Component {
  dispatch(action) {
    this
    .setState(state => (
      reducer(
        state,
        action,
      )
    ))
  }
  
  render() {
    // Stuff
  }
}

class StateSubscriber extends Component {
  constructor(props) {
    super(props)

    const { subscribe } = props

    this.unsubscribe = (
      subscribe(
        this
        .setState
        .bind(this)
      )
    )
  }

  componentWillUnmount() {
    this.unsubscribe
    && this.unsubscribe()
  }
  
  render() {
    // Stuff
  }
}