Method renderChildren

packages/mjml-core/src/createComponent.js:201–261

(children, options = {})

  }

  renderChildren(children, options = {}) {
    const {
      props = {},
      renderer = (component) => component.render(),
      attributes = {},
      rawXML = false,
    } = options

    children = children || this.props.children

    if (rawXML) {
      return children
        .map((child) => {
          child.attributes = { ...attributes, ...child.attributes }
          return jsonToXML(child)
        })
        .join('\n')
    }

    const sibling = children.length

    const rawComponents = filter(this.context.components, (c) =>
      c.isRawElement(),
    )
    const nonRawSiblings = children.filter(
      (child) => !find(rawComponents, (c) => c.getTagName() === child.tagName),
    ).length

    let output = ''
    let index = 0

    forEach(children, (children) => {
      const component = initComponent({
        name: children.tagName,
        initialDatas: {
          ...children,
          attributes: {
            ...attributes,
            ...children.attributes,
          },
          context: this.getChildContext(),
          props: {
            ...props,
            first: index === 0,
            index,
            last: index + 1 === sibling,
            sibling,
            nonRawSiblings,
          },
        },
      })

      if (component !== null) {
        output += renderer(component)
      }

      index++ // eslint-disable-line no-plusplus
    })