Перебор и передача элементов через атрибут в компонент?

Question

[Константин Божков]

Необходимо перебрать массив с возвратом значений в формате jsx и последующей их передачей в атрибут компонента. Рабочий пример:

<ul>
	{this.props.productsInBasket.map((product) => <li key={product.name}>{product.name}</li>)}
</ul>

Нужный вид:

wrappers.map(function(el){
	return <Wrapper element={el} childern={el.require.map((child) => <li>{child.name}</li>)}/>
})

Answer 1

[Ильдар Гизетдинов]

wrappers.map(function(el){
  	return (
  		<Wrapper element={el}>
			{el.require.map((child, key) => {
				return <li key={key}>{child.name}</li>
			})}
		<Wrapper/>
	);
})

Comments

[Константин Божков]

А как поймать значения в Wrapper?

[Ильдар Гизетдинов]

Константин Божков: не очень понятна задача, вам нужны ссылки на все li?

[Ильдар Гизетдинов]

Константин Божков: если я правильно помню, чтобы внутри враппер получить эти li, есть свойство this.children, или this.props.children, посмотрите в отладчике, будет понятней

[Константин Божков]

Ильдар Гизетдинов: Спасибо