How to retrieve ref to input when HOC used

When defining an input class as lower order component of Formsy, how does one go about retrieving a ref to the underlying input component?

If an input class is simply:

class Input {
  render() {
    return (<div><label ...props>{this.props.caption}</label><input ...props/></div>);
}

export default Formsy.HOC(Input);

And the form:

class AForm {
  componentWillReceiveProps() {
    // How to access the input component? this.refs.input refers to the HOC of Input.
  }

  render() {
    return (
      <Form>
        <Input ref="input" ...props/>
      </Form>
    );
  }
}

Say I would like the Input class to allow for the focus to be set programmatically on its {input,textarea} element; how would I go about doing so? How would such an interface be exposed from Input above?

[clayne11]

The HOC passes all props through to the component it is wrapping, so you can simply use a callback ref to achieve your goal.

https://facebook.github.io/react/docs/more-about-refs.html#the-ref-callback-attribute

[briansotodo]

use callback instead. here is example

Foo and App are not HOC @ggd543