Render Control

  private _renderListViewSelectorField(el: HTMLElement): void {
    const control: React.ReactElement<ListViewSelectorPaneFieldProps> = React.createElement<ListViewSelectorPaneFieldProps>(ListViewSelectorPaneField, {
      context: this.context,
      label: "Select a list",
      selectedList: this.properties.selectedList
    });

    ReactDom.render(control, el);
  }

  protected get propertyPaneSettings(): IPropertyPaneSettings {
    return {
      pages: [
        {
          header: {
            description: strings.PropertyPaneDescription
          },
          groups: [
            {
              groupName: strings.BasicGroupName,
              groupFields: [
                {
                  type: IPropertyPaneFieldType.Custom,
                  targetProperty: 'selectedList',
                  properties: {
                    onRender: this._renderListViewSelectorField.bind(this)
                  }
                }
              ]
            }
          ]
        }
      ]
    };
  }