エンティティの読み込み

日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

この例では、Externalコンポーネントを使用して、setEntitySourceメソッドを使用して指定したエンティティを詳細コンポーネントにロードする方法を示します。 Externalコンポーネントには、Click here to set the default AssetMedia IDのテキストが表示されます。「 here」という単語をクリックすると、setEntitySourceメソッドが実行されます。詳細コンポーネントには、IDが1016のAssetMediaエンティティが表示されます。この例では、詳細コンポーネントがAssetMediaエンティティを表示するように設定されていることを前提としています。

 import ReactDOM from "react-dom";
 import React from "react";
 const OptionsContext = React.createContext<any>(null);
 export default function createExternalRoot(container: HTMLElement) {
   return {
     render(context: any) {
       const { api, config, options } = context;
       ReactDOM.render(
         <OptionsContext.Provider value={options}>
           <OptionsContext.Consumer>
             {(options) => {
               return (
                 <>
                   <>
                     Click{" "}
                     <a
                       href="#"
                       onClick={() => {
                         api.details.setEntitySource(config.identifier, 1016);
                       }}

                       here
                     </a>{" "}
                     to set the Default AssetMedia id.
                   </>
                 </>
               );
             }}
           </OptionsContext.Consumer>
         </OptionsContext.Provider>,
         container
       );
     },
     unmount() {
       ReactDOM.unmountComponentAtNode(container);
     },
   };
 }

この記事を改善するための提案がある場合は、お知らせください!