# profile-builder/3.16.1/assets/misc/divi/includes/modules/register/register.jsx

User Profile Builder – Beautiful User Registration Forms, User Profiles & User Role Editor, version 3.16.1. 52 lines.

- Page: https://pluginprobe.com/plugins/profile-builder/3.16.1/code/assets/misc/divi/includes/modules/register/register.jsx
- Raw: https://pluginprobe.com/plugins/profile-builder/3.16.1/raw/assets/misc/divi/includes/modules/register/register.jsx
- Modified: 2024-09-02T10:26:58+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/profile-builder/3.16.1/code/assets/misc/divi/includes/modules/register/register.jsx#L10-L20`.

```jsx
// External Dependencies
import React from "react";
import AjaxComponent from "./../base/AjaxComponent/AjaxComponent";

// Internal Dependencies
import "./style.css";

class Register extends AjaxComponent {
  static slug = "wppb_register";

  _shouldReload(oldProps, newProps) {
    return (
      oldProps.form_name !== newProps.form_name ||
      oldProps.role !== newProps.role ||
      oldProps.toggle_automatic_login !== newProps.toggle_automatic_login ||
      oldProps.redirect_url !== newProps.redirect_url ||
      oldProps.logout_redirect_url !== newProps.logout_redirect_url ||
      oldProps.toggle_ajax_validation !== newProps.toggle_ajax_validation
    );
  }

  _reloadFormData(props) {
    var formData = new FormData();

    formData.append("action", "wppb_divi_extension_ajax");
    formData.append("form_type", "rf");
    formData.append("form_name", props.form_name);
    formData.append("role", props.role);
    formData.append("redirect_url", props.redirect_url);
    formData.append("logout_redirect_url", props.logout_redirect_url);
    formData.append("toggle_ajax_validation", props.toggle_ajax_validation);
    formData.append("toggle_automatic_login", props.toggle_automatic_login);

    return formData;
  }

  render() {
    return super.render();
  }

  _render() {
    return (
      <div
        className="wppb-form-container"
        dangerouslySetInnerHTML={{ __html: this.state.result }}
      />
    );
  }
}

export default Register;

```