react-jsf/src/jsf/components/UiRepeat.js

JSF Compliant React Components

import React from 'react';
import PropTypes from 'prop-types';
import VarInjector from '../util/VarInjector';

export default class UiRepeat extends React.Component {
  static propTypes = {
    value: PropTypes.arrayOf(PropTypes.object).isRequired,
    var: PropTypes.string.isRequired,
  };

  constructor(props, context) {
    super(props, context);
  }

  render() {
    let rows = [];
    let children = React.Children.toArray(this.props.children);

    for (let i = 0; i < this.props.value.length; i++) {
      let obj = this.props.value[i];
      let subChildren = [];
      for (let j = 0; j < children.length; j++) {
        let child = children[j];
        subChildren.push(
            React.cloneElement(VarInjector.inject(child, this.props.var, obj), {
              key: `${i}${j}`,
            }),
        );
      }

      rows.push(
          <div key={i}>
            {subChildren}
          </div>,
      );
    }

    return (
        <React.Fragment>
          {rows}
        </React.Fragment>
    );
  }
}