www.dextsolution.com
DEXTUPLOAD
X5
React Reference > DEXTUploadX5Provider

# DEXTUploadX5Provider

Component

  dextuploadx5-react 0.0.1 or later

  DEXTUploadX5Provider is the top-level wrapper component that loads the DEXTUploadX5 product script in a React environment and prepares the global configuration used by child React X5 components.

  Based on the provided authKey and productPath, this component sets dextuploadx5Configuration on the browser global object and then loads dextuploadx5.js dynamically.

      import {
        DEXTUploadX5Provider,
        DEXTUploadX5List
      } from "dextuploadx5-react";

      export default function App() {
        return (
          <DEXTUploadX5Provider
            authKey="..."
            productPath="/dx5/"
          >
            <DEXTUploadX5List id="dext5" style={{ width: "100%", height: "320px" }} />
          </DEXTUploadX5Provider>
        );
      }

  Child DEXTUploadX5 React components should not be rendered before DEXTUploadX5Provider becomes ready.

  The actual X5 product files must be placed in a location accessible from the browser, and dextuploadx5.js is loaded relative to productPath.

Properties
  - authKey
  - fallback
  - productPath