Link Search Menu Expand Document

Дочерние модули

Получить доступ к дочерним модулям можно при помощи функции this.props.children.

import React, { Component } from 'react';
import ReactDOM from 'react-dom';

class Example extends Component {
    render() {
        return (
            React.Children.map(this.props.children, (child, i) => {
                return React.cloneElement(child, { className: `class-${i}` })
            })
        )
    }
}

ReactDOM.render(<Example>
    <h1>Привет</h1>
    <h2>новый</h2>
    <h3>Мир</h3>
</Example>, document.getElementById('root'));

Для того, чтобы добавить свойства дочерним моделям необходимо произвести их копирование и передавать дополнительные свойства уже клонированным элементам