перенос возвращаемого значения функции "render" компонента внутри функции контейнера (не React) - PullRequest
0 голосов
/ 03 февраля 2020

Я пытаюсь обернуть возвращаемое значение функции (некоторую разметку) внутри контейнера, созданного функцией «Контейнер», передав функцию разметки с ее параметрами в качестве обратного вызова для функции контейнера. Вот мой код:

Функция «Render»:

// render some markup
export const Render = (el, numEl, target) => {
  let renderSpot = document.getElementById(target);
  if (numEl > 0) {
    renderSpot.innerHTML += el;
    return Render(el, numEl - 1, target);
  }
};

Функция «Container»:

// insert container around rendered markup
export const Container = (containerClass, target, callback) => {
  let renderSpot = document.getElementById(target);
  let container = document.createElement("div");
  container.setAttribute("class", containerClass);
  renderSpot.innerHTML += container;
  try {
    container.appendChild(callback);
  } catch (error) {
    console.log(`callback is not a function!`);
  }
};

И вот как я пытаюсь вызвать все это:

Container("board", "game", Render(Square(), 9, "game"));

Есть предложения? Я чувствую, что здесь что-то очень скучное c.

Заранее спасибо!

...