List view doesn't rendering anything

I am using SharePoint Framework React controls’s list view to render the items from document library. I am able to get the items from library by selecting the list from dropdown. But While rendering the items, it is not showing any items in the view. But, when i click on item I am able to write data in that row in console. It is rendering like below: I am using ListView like below

<ListView
            items={this.state.listData}           
            iconFieldName="ServerRelativeUrl"
            compact={true}
            selectionMode={SelectionMode.multiple}
            selection={this._getSelection}
             />   

[X] Question

[ymihir]

Yes I have sorted out that issue. Thanks for the documentation update.

[estruyf]

@ymihir did you update the targetProperty to the property in your web part. This was incorrectly documented and updated it: https://sharepoint.github.io/sp-dev-fx-property-controls/controls/PropertyFieldListPicker/

So lists must be the same on line 1 (‘lists’) and 3 (this.properties.lists):

PropertyFieldListPicker('lists', {
  label: 'Select a list',
  selectedList: this.properties.lists,
  includeHidden: false,
  orderBy: PropertyFieldListPickerOrderBy.Title,
  disabled: false,
  onPropertyChange: this.onPropertyPaneFieldChanged.bind(this),
  properties: this.properties,
  context: this.context,
  onGetErrorMessage: null,
  deferredValidationTime: 0,
  key: 'listPickerFieldId'
})

If you copied it from the documentation, you would probably have singleList which is not correct.