Focusing div elements with React

Question

Is it possible to focus div (or any other elements) using the focus() method?

I\'ve set a tabIndex to a div element:

Answer 1

This is the problem:

this.setState({ active: state });
this.refs.component.focus();

Set state is rerendering your component and the call is asynchronous, so you are focusing, it's just immediately rerendering after it focuses and you lose focus. Try using the setState callback

this.setState({ active: state }, () => {
   this.refs.component.focus();
});