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

此外，我尝试使用新的api React.createRef();它也不起作用，因此div是某个模态窗口的孩子