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

Question

[sda9sd8af8]

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

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

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

почему код так сильно отличается

Comments

[edward_freedom]

так сколько лет той книге, реакт каждый день обновляется, заходи на офф сайт и смотри https://reactjs.org

[sda9sd8af8]

React в действие Томас Марк Тиленс 2019

Answer 1

[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' 




)

Comments

[sda9sd8af8]

делаю так ReactDOM.render('<'Counter incrementBy={1}' /'>', document.getElementById("root")); всеравно пишет ошибку

//import { render } from "react-dom"; удаляю

[Robur]

sda9sd8af8, всегда пишите ошибку если хотите чтобы вам что-то ответили.
А вообще у вас лишние кавычки. Прочитайте синтаксис JS и JSX, иначе вы будете на каждый чих по неделе тратить и более-менее разберетесь лет через 20. поставьте редактор который вам ошибки будет подсвечивать чтобы сразу было понятно что пишете что-то не то.

[sda9sd8af8]

Robur, лишних кавычек нету,

[hzzzzl]

sda9sd8af8, поди сам реакт не подключен
ну и на тостере есть кнопка для вставки кода
</>

https://jsfiddle.net/nb2zs3va/

[Robur]

sda9sd8af8, ну, я их вижу, но если вы утверждаете что их нет и все остальное из моего сообщения вы проигнорировали то ваше право конечно. Продолжайте смотреть в ошибку.

Answer 2

[Иван Шумов]

По тому что книги отстают от официальной документации. В принципе. Всегда.