Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 13.03.2020, 22:03   #1
Evgeny_Chet
Пользователь
 
Регистрация: 20.01.2020
Сообщений: 17
По умолчанию Рендеринг с помощью react

Здравствуйте. Не могу разобраться с задачей. Совсем новичок. Сегодня только сел за react.
Есть таковый файл html
Код:
<!DOCTYPE html>
<html>
<head>
	<title>App</title>
	<script type="text/javascript" src="app.js"></script>
</head>
<body>
<script type="text/javascript">

document.__article = {
  author: 'Eliana Franco',
  date: '2017-09-10T22:00:05.919Z',
  text: `Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.`,
};

document.__comments = [
  { id: 1, author: 'Germán Toro', text: 'Great!', date: '2017-09-11T12:00:39.430Z' },
  { id: 2, author: 'Elena Builes', text: 'Awesome!', date: '2017-09-11T12:30:39.430Z' },
];

document.__moreComments = [
  { id: 3, author: 'Germán Toro', text: 'Splendid!', date: '2017-09-11T14:30:05.919Z' },
  { id: 4, author: 'Elena Builes', text: 'Excelent!', date: '2017-09-11T11:30:05.919Z' },
];

</script>

<div id="APP"></div>



</body>
</html>
Требуется отобразить статью и комментарии посредством react.
Я почитал документацию и понял что, чтобы подключить react требуется прописать в файле тото:


Код:
<script src="https://unpkg.com/react@16/umd/react.production.min.js" crossorigin></script>
  <script src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js" crossorigin></script>
Потом соответственно в файле app.js сформировать компоненту react и отобразить на странице то что мне нужно.(т.е не весь текст а только часть ну и управлять им. Отобразать комментарии в порядке по времени выставления коммента ну и так дал.) Как это сделать пока не очень понимаю.

Помогите советом пожалуйста.
Evgeny_Chet вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
OGL - рекурсивный рендеринг текстур kvitaliy Общие вопросы по программированию, компьютерный форум 0 06.12.2016 10:26
Процедурный рендеринг WorldMaster Gamedev - cоздание игр: Unity, OpenGL, DirectX 0 16.02.2015 08:08
Рендеринг AVI -> Полигон SoldierOfFortune Gamedev - cоздание игр: Unity, OpenGL, DirectX 0 08.11.2012 19:25