ReactDOM выдает сообщение об ошибке: «Нарушение инварианта: целевой контейнер не является элементом DOM». - PullRequest
0 голосов
/ 04 июня 2019

Мне трудно отрисовывать элементы в реакции, используя 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 истинно, то создать новый html-тег h4 и отобразить его, но оно дает мне ошибку.

Это потому, что ReactDOM не может найти, где рендерить h4? я пытался добавить в index.html я все еще получаю ошибку

Какая здесь альтернатива?

...