How do you add refs to functional components using withHandlers in Recompose and call ScrollTo on a ScrollView?

Question

My specific goal is to use the ScrollTo method of a ScrollView but maintain functional component structure.

More generally this requires getting ref to the current compo

Answer 1

Another way is to make a class as a ref store:

const Stateless = ({ refs }) => (
  

     refs.store('myFoo', r)} />
    
 refs.myFoo.doSomeStuff()}>
      doSomeStuff
    
  
)

class RefsStore {
  store(name, value) {
    this[name] = value;
  }
}

const enhancer = compose(
  withProps({ refs: new RefsStore() }),
)(Stateless);