{ 'this is treated as JavaScript code' }
. Помните об этом, поскольку он используется в нескольких будущих задачах. Однако, поскольку JSX недействителен JavaScript, код JSX должен быть скомпилирован в JavaScript. Транспилер Babel - популярный инструмент для этого процесса. Для вашего удобства это уже добавлено за кулисами для этих задач. Если вам удастся написать синтаксически недействительный JSX, вы увидите, что первый тест в этих задачах терпит неудачу. Стоит отметить, что под капотом возникают вызовы ReactDOM.render(JSX, document.getElementById('root'))
. Этот вызов функции - это то, что помещает ваш JSX в собственное легкое представление DOM DOM. Затем React использует моментальные снимки своей собственной DOM для оптимизации обновления только определенных частей фактического DOM. div
постоянному JSX
. Замените div
элементом h1
и добавьте текст Hello JSX!
внутри него. JSX
должен возвращать элемент h1
.
testString: 'assert(JSX.type === "h1", "The constant JSX
should return an h1
element.");'
- text: Тег h1
должен содержать текст Hello JSX!
testString: 'assert(Enzyme.shallow(JSX).contains("Hello JSX!"), "The h1
tag should include the text Hello JSX!
");'
```