Задать вопрос
@sda9sd8af8
react

Почему этот код на React отличается от того что написан на официальном сайте?

Вот код
https://codesandbox.io/s/31ml5pmk4m

в книге написан вот такой вывод render('<'Counter incrementBy={1}' /'>', document.getElementById("root"));

а на официальном сайте вывод осуществляется так (Это пример)
ReactDOM.render(
'<'h'1'>'Привет, мир!'<'/'h1'>',
document.getElementById('root')
);

почему код так сильно отличается
  • Вопрос задан
  • 199 просмотров
2 комментария
Подписаться Простой 2 комментария
Решения вопроса 1
hzzzzl
@hzzzzl
import { render } from "react-dom";

вот тут render импортирован как отдельная функция, и к нему не надо обращаться через ReactDOM.render()

в остальном всё так же
render(<Counter incrementBy={1} />, document.getElementById("root"));

ReactDOM.render(
<h1>Привет, мир!</h1>,
document.getElementById('root')
);

ReactDOM.render(
  <MyComponent prop={'PROP'} />, 
  document.getElementById('app-wrapper')
)


ну а переносы строки и прочее форматирование яваскрипту пофиг, он разберется

console
	.log(


'a'

    + 'b' 




)
Ответ написан
5 комментариев
5 комментариев
Пригласить эксперта
Ответы на вопрос 1
inoise
@inoise
Solution Architect, AWS Certified, Serverless
По тому что книги отстают от официальной документации. В принципе. Всегда.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend React
Glob-com
от 100 000 ₽
React разработчик
Uptrade
от 150 000 до 200 000 ₽
JS|React Native разработчик
Венста • Киров
от 60 000 до 120 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Лидсканнер\парсер для Telegram по поиску заказов по ключевым словам
25 апр. 2024, в 14:26
6000 руб./за проект
Разработать дизайн продающего лендинга
25 апр. 2024, в 14:21
15000 руб./за проект
Шаблон WP - настройка
25 апр. 2024, в 14:07
20000 руб./за проект
Ещё заказы