Method renderElement

html/Html.js:84–122

* Render HTML element as React Native component. * This method is passed to both custom renderElement and * element corresponding component. It is also used to render children * and should be passed down the tree so that children can be rendered. * If Html has style named by element tag

(element)

   * @returns {Component} The element rendered as a React Native component
   */
  renderElement(element) {
    const { renderElement } = this.props;

    const elementStyle = this.getElementStyle(element);
    let renderedElement;

    if (renderElement) {
      renderedElement = renderElement(
        element,
        elementStyle,
        this.renderElement,
      );
    }

    // Custom renderElement for the specific Html implementation
    // has advantage over the "global". If custom renderElement rendered
    // a component that component will be used, otherwise fallback to "global".
    // Render element must be undefined to fallback to default,
    // null is a valid RN type to render.
    if (_.isUndefined(renderedElement)) {
      const ElementComponent = getElementProperty(element, 'component');

      if (!ElementComponent) {
        // eslint-disable-next-line no-console
        console.warn('Can not find component for element: ', element.tag);
        return null;
      }

      renderedElement = (
        <ElementComponent
          element={element}
          style={elementStyle}
          renderElement={this.renderElement}
        />
      );
    }

    return renderedElement;
  }

  render() {
    const { style, body } = this.props;