ReactDOM给出错误：“始终违反：目标容器不是DOM元素。”

Question

我在使用ReactDOM渲染元素时遇到困难，它导致错误“不变违规：目标容器不是DOM元素。”

这是我的代码

onInputChange = (event) => {

    this.setState({country: event.target.value})
    console.log(event.target.value)

    if(countryArray[0].name === event.target.value){
        console.log(countryArray[0].name)
        let h4 = <h4>Police: {countryArray[0].police}</h4>;
        let info = document.getElementsByClassName("info")
        ReactDOM.render(h4, info)

    }         
}

render (){
return (
<div class="info"></div>
  )
}

html代码index.html

<div id="root"></div>

我想做的是，如果if语句为true，则创建一个新的html标签h4并对其进行渲染，但它给了我错误。

是因为ReactDOM找不到在哪里渲染h4？我尝试添加index.html，但仍然出现错误

这里有什么选择？