Проблема ReactJS при использовании заглавных букв - PullRequest
Новая
       11

Проблема ReactJS при использовании заглавных букв

0 голосов
/ 15 декабря 2018

Ссылка на кодовое перо здесь .

В своем первом учебном видео по ReactJS я писал сценарий «Привет, мир», и, к сожалению, он не работает.Я не вижу никаких проблем со скриптом или HTML-тегами, которые я использовал, но простая функция ReactDOM.Render () не работает.Код ручки СС ниже.enter image description here

Как видите, блок HTML имеет корневой HTML-блок div: 

<div id="root">Why ReactDOM.Render() not working?</div>

Блок JS (Babel) имеет простую функцию рендеринга и вВ правой части окна предварительного просмотра отображается текст по умолчанию в корневом элементе, но не текст.

Блок JS: 

var el = <h1>YOU HELLO WORLD WHY DONT YOU WORK</h1>
ReactDOM.Render(
el,
  Document.getElementById("root")
)

1 Ответ

0 голосов
/ 15 декабря 2018

JavaScript чувствителен к регистру .

Попробуйте: 

ReactDOM.render(
   el,
   document.getElementById("root"),
);

И не забудьте импортировать React, а также ReactDOM.

https://codepen.io/anon/pen/REaEBo

...