使用react加载页面时聚焦svg图标

Question

我在使用ref的in react加载页面时试图将焦点放在svg图标上（模态内部）。我在componentDidMount内尝试了ref，但无法将其聚焦。我正在获取this.modalCloseRef。 focus（）不是功能。

this.modalCloseRef = React.createRef();

componentDidMount(){
        this.modalCloseRef.focus();
    }


<svg tabIndex={1} focusable="true" className="close pe-icon--remove-lg-18"
                                        aria-hidden="true" ref={this.modalCloseRef}>
                                        <use xlinkHref="#remove-lg-18"></use>
                                    </svg>