Телеграмм чат группы js_noobs

Size: a a a

JavaScript Noobs — сообщество новичков

2020 February 04

John Savage in JavaScript Noobs — сообщество новичков

Здравствуйте, - могли бы вы мне помочь с крайне глупым вопросом:

const element = <h1>Hello World!</h1>;
ReactDOM.render(
  element,
  document.getElementById('test')
);

Программа выше не работает, а

 const element =" <h1>Hello World!</h1>";
ReactDOM.render(
  element,
  document.getElementById('test')
);

(То есть <h1>... В кавычках) - работает?

источник

02:00пожаловаться #1

E¥

Eügen ¥ in JavaScript Noobs — сообщество новичков

Vladislav K.

Сделай пример на сэндбоксе

разобрался уже

источник

02:02пожаловаться #2

Darth Maul in JavaScript Noobs — сообщество новичков

John Savage

Здравствуйте, - могли бы вы мне помочь с крайне глупым вопросом:

const element = <h1>Hello World!</h1>;
ReactDOM.render(
  element,
  document.getElementById('test')
);

Программа выше не работает, а

 const element =" <h1>Hello World!</h1>";
ReactDOM.render(
  element,
  document.getElementById('test')
);

(То есть <h1>... В кавычках) - работает?

В чем вопрос то?

источник

02:03пожаловаться #3

Snake in JavaScript Noobs — сообщество новичков

Так делать можно только в JSX (первый пример)

источник

02:04пожаловаться #4

Никита in JavaScript Noobs — сообщество новичков

John Savage

Здравствуйте, - могли бы вы мне помочь с крайне глупым вопросом:

const element = <h1>Hello World!</h1>;
ReactDOM.render(
  element,
  document.getElementById('test')
);

Программа выше не работает, а

 const element =" <h1>Hello World!</h1>";
ReactDOM.render(
  element,
  document.getElementById('test')
);

(То есть <h1>... В кавычках) - работает?

const element = document.createElement("H1")

источник

02:04пожаловаться #5

John Savage in JavaScript Noobs — сообщество новичков

Но в документации указано иначе. Мы не можем назначать в переменную html-теги?

источник

02:05пожаловаться #6

Никита in JavaScript Noobs — сообщество новичков

John Savage

Но в документации указано иначе. Мы не можем назначать в переменную html-теги?

https://www.w3schools.com/react/showreact.asp?filename=demo2_react_jsx1

источник

02:08пожаловаться #7

Snake in JavaScript Noobs — сообщество новичков

У тебя обычный JS. В ReactDOM.render ты должен передовать входную точку твоего приложения. Обычно это App.jsx, в котором уже реализована вся логика приложения.

источник

02:08пожаловаться #8

Snake in JavaScript Noobs — сообщество новичков

И да

источник

02:10пожаловаться #9

Snake in JavaScript Noobs — сообщество новичков

import React from 'react';
в начале файла сделал?

источник

02:10пожаловаться #10

John Savage in JavaScript Noobs — сообщество новичков

А как сказать приложению, что нужно использовать JSX?

источник

02:10пожаловаться #11

John Savage in JavaScript Noobs — сообщество новичков

Не-а, я подключил на index.html скрипты в конце.

источник

02:10пожаловаться #12

Никита in JavaScript Noobs — сообщество новичков

John Savage

А как сказать приложению, что нужно использовать JSX?

https://www.w3schools.com/react/default.asp

W3Schools

React Tutorial

Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, PHP, Python, Bootstrap, Java and XML.

источник

02:13пожаловаться #13

Snake in JavaScript Noobs — сообщество новичков

Ты просто подключил react как обычный скрипт?

источник

02:13пожаловаться #14

John Savage in JavaScript Noobs — сообщество новичков

<html>
<head></head>
<body>

<div id="test"></div>




<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
 <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
 <script src="test.js"></script>
</body>
</html>

источник

02:13пожаловаться #15

John Savage in JavaScript Noobs — сообщество новичков

Хорошо, я установлю локально через npx.

источник

02:14пожаловаться #16

Snake in JavaScript Noobs — сообщество новичков

Так вряд ли кто-то вообще делает. Если ты хочешь нормально и правильно изучать современный react - используй create-react-app

источник

02:15пожаловаться #17

Snake in JavaScript Noobs — сообщество новичков

https://ru.reactjs.org/docs/create-a-new-react-app.html