@kirillleogky

Как динамически добавить узел в DOM?

Есть файл в котором создаю элемент:
createTodo.js
import React from "react";

export default function createTodo() {
  const todoInput = document.getElementById("input");
  return (
    <li>
      <span className="todos_block-text">{todoInput.value}</span>
      <span className="todos_block-trash"></span>
    </li>
  );
}



Далее я хочу добавить данный компонент в DOM внутри document.querySelector('.todos_block') в самом конце:
addTodo.js
import createTodo from "./";
import React from "react";

export default function addTodo() {
  document.querySelector('.todos_block').append(createTodo());  <----- Пример с append
}

Как мне добавить элемент в DOM динамически в addTodo.js ?
  • Вопрос задан
  • 70 просмотров
Пригласить эксперта
Ответы на вопрос 1
fomenkogregory
@fomenkogregory
Юниор софтварный инженер
Судя по getElementById и querySelector ты явно не понимаешь как с реактом работать. Начни с простых туториалов, например у Юрия Буры хороший курс.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы