I would like to load the term sets in the top placeholder dom element (react component file in innerHtml), as of now it is now referenced from react component file.
// The extension should not assume that the expected placeholder is available.
if (!this._topPlaceholder) {
console.error("The expected placeholder (Top) was not found.");
return;
}
if (this.properties) {
// Add refrence of react component to this file.
const element: React.ReactElement<IGlobalNavProps> = React.createElement(
GlobalNav,
{
termGroupId: this.properties.termGroupId,
termSetId: this.properties.termSetId,
}
);
ReactDom.render(element, this._topPlaceholder.domElement);
if (this._topPlaceholder.domElement) {
this._topPlaceholder.domElement.innerHTML = `
// term set code goes here, load from term store
`;
}
}}