Я пытаюсь выполнить итерацию по списку/массиву/объекту вещей: (я использовал coffeescript, чтобы это было ясно, jsfiddle полного JS здесь., но это просто forEach)
pages = for page, each of @props.ids
$('#start').append("<div id='"+page+"' ></div>")
React.renderComponent page(title: each.title, text: each.text), $("#"+page)[0]
и добавьте каждый из них вместо замены, оставив только последний элемент в списке.
Если элемент #start
является стартовым контейнером, и я хочу заполнить его несколькими элементами, но мне нужно предоставить каждому свой собственный контейнер, в противном случае все они будут перезаписаны eachother, по умолчанию реагирует на поведение.
Мне интересно, есть ли способ сказать, как реагировать на добавление вместо замены div.
Я хотел бы избежать использования jquery, если это возможно, и сделать это чисто реагировать.
Хотя я предлагаю исходный список React.renderComponent
page
, а затем итерацию в ранее названном шаблоне, то я столкнулся с другой проблемой, я должен return
объект элемента реакции, состоящий из из всего списка, который я действительно не предпочитаю.
Мне нужно для первоначального вызова создать индивидуальные, независимые шаблоны ответов, добавить друг друга в список, предварительно без каких-либо дополнительных контейнеров или с помощью jquery.