Реагируйте, как не потерять фокус на элементе, когда щелкаете снаружи, используя ref? - PullRequest
0 голосов
/ 29 мая 2018

У меня есть компонент, в котором я фокусируюсь на компоненте, и мне не нужно терять фокус, когда я нацеливаю курсор на адресную строку браузера или перехожу в другое окно.Я использую реакцию 16.3.Также я вижу некоторые ошибки enter image description here

export class Automatic extends Component {

    componentDidMount = () => this.focusContainer()
    componentDidUpdate = () => this.focusContainer()

    focusContainer = () => this.refs.container.focus()


    render = () => {
           return (
            <div
                name='automatic'
                style={{outline: 'none'}}
                onKeyPress={this.captureInput}
                onBlur={this.focusContainer}
                ref='container'
                tabIndex={0}
            >
                ....
            </div>)
}

Также я пытаюсь использовать новый API React.createRef();, он также не работает, на самом деле это div является потомком некоторых модальныхокна

...