react-component.jsx

function mapStateToProps(state) {
  return {
    value: state.blackbox.value
  }
}

function mapDispatchToPops(dispatch) {
  return {
    setLHS: () => null, // TBD
    setRHS: () => null, // TBD
  }
}

@ReactRedux.connect(mapStateToProps, mapDispatchToPops)
class MyComponent extends React.Component {
  render() {
    return (<div>
        The value of the external component is 
        <span className="ripple"> {this.props.value} </span>
      <br/>
        <hr/>
      <button className="ripple" onClick={this.props.setLHS}>
        Set LHS to 2
      </button>
      <br/>
      <button className="ripple" onClick={this.props.setRHS}>
        Set RHS to 99
      </button>
    </div>);
  }
}