LINUX.ORG.RU

История изменений

Исправление uin, (текущая версия) :

Это (в моем случае) стандартные методы JS почти под копирку

var rootElement = document.createElement('div');
    rootElement.innerHTML = '\
      <h1>Contacts</h1>\
      <ul><li>\
         <h2>James Nelson</h2>\
         <a href="mailto:james@jamesknelson.com">james@jamesknelson.com</a>\
      </li><li>\
         <h2>James Nelson</h2>\
         <a href="mailto:joe@example.com">joe@example.com</a>\
      </li></ul>';

var document_app = document.getElementById('react-app');
    document_app.parentNode.replaceChild(rootElement, document_app);


реакт js для такого вообще нафиг не нужен, а каскад функций ждущих результат других функций делать вообще не рекомендуется (не помню почему), всегда записывай в переменную и уже ее пихай.

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

Исходная версия uin, :

Это (в моем случае) стандартные методы JS почти под копирку

var rootElement = document.createElement('div');
    rootElement.innerHTML = '\
      <h1>Contacts</h1>\
      <ul><li>\
         <h2>James Nelson</h2>\
         <a href="mailto:james@jamesknelson.com">james@jamesknelson.com</a>\
      </li><li>\
         <h2>James Nelson</h2>\
         <a href="mailto:joe@example.com">joe@example.com</a>\
      </li></ul>';

var document_app = document.getElementById('react-app');
    document_app.parentNode.replaceChild(rootElement, document_app);


реакт js для такого вообще нафиг не нужен, а каскад функций ждущих результат функций делать вообще не рекомендуется (не помню почему), всегда записывай в переменную и уже ее пихай.

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