SharePoint Framework Свойства управления, набирать текст и реагировать

Question

Элемент управления PropertyFieldTermPicker.

Здравствуйте, я пытаюсь использовать элемент управления PropertyFieldTermPicker из: https://sharepoint.github.io/sp-dev-fx-property-controls/controls/PropertyFieldTermPicker/.

В соответствии с инструкциями я установил необходимый пакет npm, а также модифицированные localizedResources в файле config.json.

Однако я не могу ради себя получить что-либо, что может оказать.

обычно я делаю элемент JSX.Element и включаю его в {render}, но в этом особом случае это не работает.

при рендеринге Test.tsx (код ниже) все ломается: /

import * as React from "react";
import { autobind } from "office-ui-fabric-react/lib/Utilities";
import WebPartContext from "@microsoft/sp-webpart-base/lib/core/WebPartContext";
import { ExtensionContext } from "@microsoft/sp-extension-base";
import { PropertyFieldTermPicker } from '@pnp/spfx-property-controls/lib/PropertyFieldTermPicker';

export interface IPickerTerm {
    name: string;
    key: string;
    path: string;
    termSet: string;
    termSetName?: string;
}

export interface IPickerTerms extends Array<IPickerTerm> { }

export interface ITestProps {
    onDismiss: () => void;
    context: ExtensionContext | WebPartContext;
}

export interface ITestState {

}

export class Test extends React.Component<ITestProps, ITestState> {
    constructor(props: ITestProps) {
    super(props);
    this.state = {};
}

private onPropertyPaneFieldChanged() {
    console.log("Hello, prop field has been changed");
}

public render(): JSX.Element {

    let element = (PropertyFieldTermPicker('terms', {
        label: 'Select terms',
        panelTitle: 'Select terms',
        //initialValues: this.properties.terms,
        allowMultipleSelections: true,
        excludeSystemGroup: false,
        onPropertyChange: this.onPropertyPaneFieldChanged,
        properties: this.props,
        context: this.context,
        onGetErrorMessage: null,
        deferredValidationTime: 0,
        //limitByGroupNameOrID: 'People',
        limitByTermsetNameOrID: 'selectedLocation',
        key: 'termSetsPickerFieldId'
    }));


    return (
        <div>
            hello
            {element}
        </div>
    );
}

}

Answer 1

Это свойство файла, вы получите сообщение об ошибке, если отладите код.

Попробуйте проверить этот