React-number-format: Set Focus

[njaume-zz]

Hi, i need to know how can i set the focus on the component inside blur event of another component.
It's possible?

[s-yadav]

You can try with giving tabIndex
Or if that does not work add a ref to NumberFormat

<NumberFormat ref={(numFormatInstance) => {this.numFormatInstance = numFormatInstance}/>

and use ReactDOM.findDOMNode(this.numberFormatInst) to get the element. You may need to traverse even deeper if using any custom input component. After getting element, you can call the focus method of it.

Note: Using findDOMNode, in general, is not a good practice. So avoid it in other places.

[mifas]

If you're using custom Input, There is an easy way without using findDOMNode

customInput={props => <Input ref={el => {
   this.inputRefNew = el;
}} {...props} />}

https://codesandbox.io/s/n4pw697pr4