Ребят PokemonMoves.Map((P) => { let li = document.createElement("li");

Question

Ребят PokemonMoves.Map((P) => { let li = document.createElement("li");

li.innerHTML = p.move.name;
moves.appendChild(li);
});

Есть вот такая функция, прикладываю скрин для общей картины.

Как мне сделать так, чтобы li не клонировался каждый раз, при запуске функции getPokemonData?

#javascript #programming #russian

0

15.10.2021

6 ответов

15 просмотров

𝐓𝐬𝐮𝐧𝐝𝐞𝐫𝐞✘ Автор вопроса

i7 4n
не меняйте, а рендерите просто html заново

Сейчас загуглю

0

15.10.2021

i7 4n

𝐓𝐬𝐮𝐧𝐝𝐞𝐫𝐞✘
Сейчас загуглю

а чё гуглить, типа того можно const renderItem = (item) => ` <div class="item"> <img src="${item.img.url}" alt="${item.img.altText}"> <span>${item.title}</span> </div> `;

0

15.10.2021

Timur 👨‍💻

i7 4n
а чё гуглить, типа того можно const renderItem = ...

Либо вот так да, сразу в map html код себе собрать и его 1 раз зарендерить)

0

15.10.2021

𝐓𝐬𝐮𝐧𝐝𝐞𝐫𝐞✘ Автор вопроса

i7 4n
а чё гуглить, типа того можно const renderItem = ...

moves.innerHTML = ""; pokemonMoves.map((p) => { let li = document.createElement("li"); li.innerHTML = p.move.name; moves.appendChild(li); }); Вот так сделал, вроде все нормально работает, дело в том, что в pokemonMoves входит 4 объекта из более 10-70 штук, и дальше я передаю их в li

0

15.10.2021

i7 4n

𝐓𝐬𝐮𝐧𝐝𝐞𝐫𝐞✘
moves.innerHTML = ""; pokemonMoves.map((p) => ...

const movesElements = pokemonMoves.map( ({ move: { name } }) => Object.assign(document.createElement("li"), { textContent: name }) ); moves.append(...movesElements);

0

15.10.2021

i7 4n · Accepted Answer

i7 4n

не меняйте, а рендерите просто html заново

0

15.10.2021

169 похожих чатов

Ребят PokemonMoves.Map((P) => { let li = document.createElement("li");

6 ответов

Похожие вопросы