javascript - React，如何在使用 ref 在外部单击时不放松对元素的关注？

Question

我有一个组件，我专注于组件当我将光标聚焦在浏览器地址栏或转到另一个窗口时，我不需要失去焦点。我使用反应 16.3。我也看到一些错误

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>)
}

我也尝试使用新的 apiReact.createRef();它也不起作用，实际上这div是一些模态窗口的孩子

标签： javascriptreactjsecmascript-6bluronfocus