www.dextsolution.com
DEXTUPLOAD
X5
menu toggleReact リファレンス > DEXTUploadX5Provider

DEXTUploadX5Provider 属性

authKey

  • dextuploadx5-react 0.0.1 以降

  • String

  • 説明

    DEXTUploadX5 製品の認証キー文字列です。

    DEXTUploadX5Provider は、この値を dextuploadx5Configuration.authkey に設定して製品スクリプトを初期化できるようにします。

    必須値です。値がない場合、Provider はエラーを発生させ、製品を読み込みません。

  • <DEXTUploadX5Provider authKey={config.authKey}>
      {children}
    </DEXTUploadX5Provider>

fallback

  • dextuploadx5-react 0.0.1 以降

  • React.ReactNode

  • 説明

    DEXTUploadX5 製品スクリプトがまだ読み込まれていない間に代わりにレンダリングする React ノードです。

    読み込み完了までは children の代わりにこの値がレンダリングされ、指定しない場合は何もレンダリングしません。

  • <DEXTUploadX5Provider
      authKey={authKey}
      fallback={<div>DEXTUploadX5 を読み込み中...</div>}
    >
      <UploadPage />
    </DEXTUploadX5Provider>

productPath

  • dextuploadx5-react 0.0.1 以降

  • String

  • 説明

    ブラウザが DEXTUploadX5 製品ファイルを読み込む基準パスです。

    dextuploadx5.js はこのパス基準で読み込まれ、末尾のスラッシュがない場合は内部的に自動補正されます。

    指定しない場合の既定値は /dx5/ です。

    このパスと実際の静的ファイル配置場所が一致しない場合、製品は読み込まれません。

  • <DEXTUploadX5Provider
      authKey={authKey}
      productPath="/public/dx5/"
    >
      <UploadPage />
    </DEXTUploadX5Provider>