SOLVED

spfx React > REST API > Map search results

%3CLINGO-SUB%20id%3D%22lingo-sub-115894%22%20slang%3D%22en-US%22%3Espfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-115894%22%20slang%3D%22en-US%22%3E%3CP%3EI%20have%20a%20woking%20example%20where%20I%20map%20(rest)%20search%20results%20to%20an%20object%20like%20this%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%3Eexport%20interface%20IReactGetItemsState%7B%20%20%0A%20%20items%3A%5B%20%20%0A%20%20%20%20%20%20%20%20%7B%20%20%0A%20%20%20%20%20%20%20%20%20%20%22EmployeeName%22%3A%20%22%22%2C%20%20%0A%20%20%20%20%20%20%20%20%20%20%22EmployeeId%22%3A%20%22%22%2C%20%20%0A%20%20%20%20%20%20%20%20%20%20%22Experience%22%3A%22%22%2C%20%20%0A%20%20%20%20%20%20%20%20%20%20%22Location%22%3A%22%22%0A%20%20%20%20%20%20%20%20%7D%5D%20%20%0A%7D%20%20%0A%0Aexport%20default%20class%20ReactGetItems%20extends%20React.Component%26lt%3BIReactGetItemsProps%2C%20IReactGetItemsState%26gt%3B%20%7B%0A%20%20%0A%20%20%20%20public%20constructor(props%3A%20IReactGetItemsProps%2C%20state%3A%20IReactGetItemsState)%7B%20%20%0A%20%20%20%20%20%20super(props)%3B%20%20%0A%20%20%20%20%20%20this.state%20%3D%20%7B%20%20%0A%20%20%20%20%20%20%20%20items%3A%20%5B%20%20%0A%20%20%20%20%20%20%20%20%20%20%7B%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%22EmployeeName%22%3A%20%22%22%2C%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%22EmployeeId%22%3A%20%22%22%2C%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%22Experience%22%3A%22%22%2C%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%22Location%22%3A%22%22%0A%20%20%20%20%20%20%20%20%20%20%7D%20%20%0A%20%20%20%20%20%20%20%20%5D%20%20%0A%20%20%20%20%20%20%7D%3B%20%20%0A%20%20%20%20%7D%20%20%0A-----------------------------------%0Ajquery.ajax(%7B%0A%20%20%20%20%20%20%20url%3A%20%60%24%7Bthis.props.siteurl%7D%2F_api%2Fweb%2Flists%2Fgetbytitle('EmployeeList')%2Fitems%60%2C%0A%20%20%20%20%20%20%20type%3A%20%22GET%22%2C%0A%20%20%20%20%20%20%20headers%3A%7B'Accept'%3A%20'application%2Fjson%3B%20odata%3Dverbose%3B'%7D%2C%0A%20%20%20%20%20%20%20success%3A%20function(resultData)%20%7B%0A%20%20%20%20%20%20%20reactHandler.setState(%7B%0A----%26gt%3B%20%20%20%20%20%20%20items%3A%20resultData.d.results%3C%2FPRE%3E%3CP%3ENow%20I%20want%20to%20do%20my%20own%20variant%20using%20an%20Ajax%20call%20using%20a%20querystring.%20So%20my%20result%20object%20is%20different%3C%2FP%3E%3CP%3EI%20try%20to%20map%20the%20results%20in%20this%20way%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%3Eitems%3A%20resultData.d.query.PrimaryQueryResult.RelevantResults.Table.Rows.results.Cells%3C%2FPRE%3E%3CP%3EThis%20is%20not%20working.%20My%20results%20remain%20empty.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI'm%20just%20beginning%20SPFX%2FReact%20so%20I%20do%20not%20know%20how%20to%20solve%20this.%3C%2FP%3E%3CP%3ECan%20someone%20help%20me%20out%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%2C%20Mike%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-115894%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EAPIs%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EDeveloper%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-119763%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-119763%22%20slang%3D%22en-US%22%3ETotally%20agree!%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-119762%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-119762%22%20slang%3D%22en-US%22%3E%3CP%3EOk%20I%20didn't%20see%20this%2C%20my%20bad.%20I%20had%20similar%20issues%20with%20typings%20due%20to%20the%20version%20of%20TypeScript%20and%20React%20used%20by%20the%20SharePoint%20Framework.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20suggest%20you%20to%20update%20your%20SPFx%20generator%20with%20the%20latest%20drop%20(1.3.0)%2C%20and%20use%20the%20latest%20version%20of%3CU%3E%20sp-np-js.%3C%2FU%3E%20Don't%20forget%20to%20wipe%20your%20%3CEM%3Enode_modules%3C%2FEM%3E%20folder%20before.%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-119756%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-119756%22%20slang%3D%22en-US%22%3EThis%20is%20really%20good%20advice%2C%20I%20have%20tried%20the%20library%20and%20it%20is%20awesome%20%3Asmiling_face_with_smiling_eyes%3A%3C%2Fimg%3E.%20Why%20is%20there%20not%20more%20information%20out%20there%20in%20this%3F%20It%20should%20be%20top%20ranked%20by%20Google%20%3Asmiling_face_with_smiling_eyes%3A%3C%2Fimg%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-119743%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-119743%22%20slang%3D%22en-US%22%3E%3CP%3EHi%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1019%22%20target%3D%22_blank%22%3E%40Franck%20Cornu%3C%2FA%3E%2C%20Thanks%3C%2FP%3E%3CP%3EIt%20is%20never%20too%20late%20to%20see%20a%20different%20approach.%20Will%20have%20a%20look%20at%20your%20example.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAs%20a%20matter%20of%20fact%2C%20I%20even%20tried%20it%20before%20but%20got%20stuck.%20You%20can%20see%20my%20problem%20here%20%3CA%20title%3D%22here%22%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2FSharePoint-Developer%2FSPFX-gt-pnp-sp-reference-in-React-project%2Fm-p%2F115349%23M3522%22%20target%3D%22_blank%22%3Ehttps%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2FSharePoint-Developer%2FSPFX-gt-pnp-sp-reference-in-React-project%2Fm-p%2F115349%23M3522%3C%2FA%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-119717%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-119717%22%20slang%3D%22en-US%22%3E%3CP%3EHi%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F3085%22%20target%3D%22_blank%22%3E%40Mike%20Jansen%3C%2FA%3E%2C%26nbsp%3B%3C%2FP%3E%3CP%3EWhy%20not%20use%20the%20%3CEM%3Esp-pnp-js%3C%2FEM%3E%20library%20to%20play%20with%20SharePoint%20search%3F%20This%20library%20offers%20you%20built-in%20methods%20and%20typings%20to%20manipulate%20search%20results%2C%20refiners%20and%20so%20on%20more%20easily.%20Maybe%20it%20is%20little%20bit%20tool%20late%20but%20here%20is%20a%20working%20example%20using%20this%20library%20with%20react%20and%20SPFx.%20This%20sample%20using%20a%20generic%20TypeScript%20interface%20to%20map%20results%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FFranckyC%2Fsp-dev-fx-webparts%2Ftree%2Freact-search-refiners%2Fsamples%2Freact-search-refiners%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2FFranckyC%2Fsp-dev-fx-webparts%2Ftree%2Freact-search-refiners%2Fsamples%2Freact-search-refiners%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHope%20it%20could%20help!%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-119508%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-119508%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F55998%22%20target%3D%22_blank%22%3E%40Maggan%20W%C3%A5hlin%3C%2FA%3EOne%20more%20question.%3C%2FP%3E%3CP%3ECan%20you%20tell%20me%20how%20to%20filter%20data%20here%3A%3C%2FP%3E%3CPRE%3E%7Brow.Cells.map(col%20%3D%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bdiv%26gt%3B%7Bcol.Key%7D%20-%20%7Bcol.Value%7D%26lt%3B%2Fdiv%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%7D%3C%2FPRE%3E%3CP%3ESuppose%20I%20only%20want%20to%20show%20%22CreatedBy%22%20an%20%22Created%22%3C%2FP%3E%3CPRE%3EIf%20col.Key%20%3D%20%22CreatedBy%22%20%7B%0A%0A%7D%3C%2FPRE%3E%3CP%3ESomething%20like%20that%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EEDIT%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EGot%20it%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%3E%7Brow.Cells.map(col%20%3D%26gt%3B%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(col.Key%20%3D%3D%20%22CreatedBy%22)%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20%26lt%3Bdiv%26gt%3B%7Bcol.Key%7D%20-%20%7Bcol.Value%7D%26lt%3B%2Fdiv%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%3C%2FPRE%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-119467%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-119467%22%20slang%3D%22en-US%22%3E%3CP%3EAgain%20thanks%20a%20lot%20for%20all%20your%20help%20and%20patience.%3C%2FP%3E%3CP%3EThis%20gets%20me%20started%20using%20the%20SharePoint%20framework.%20I%20try%20to%20migrate%20an%20SharePoint%20classic%20application%20to%20the%20modern%20variant.%20The%20old%20one%20heavily%20uses%20CSWP%20and%20display%20templates.%20Now%20I%20have%20one%20of%20the%20most%20important%20techniques%20covered.%20Diving%20into%20layout%20(UI%20Fabric)%20now.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-119464%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-119464%22%20slang%3D%22en-US%22%3EGlad%20it%20worked%20%3A)%3C%2Fimg%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-119463%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-119463%22%20slang%3D%22en-US%22%3E%3CP%3EGot%20it!!!%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWas%20some%20quote%20pasting%20problem.%3C%2FP%3E%3CP%3EHad%20'%3CSPAN%3E%24%7B%3C%2FSPAN%3E%3CSPAN%3Eurl%3C%2FSPAN%3E%3CSPAN%3E%7D'%3C%2FSPAN%3E%3CSPAN%3E%20instead%20of%20%3C%2FSPAN%3E%3CSPAN%3E%60%3C%2FSPAN%3E%3CSPAN%3E%24%7B%3C%2FSPAN%3E%3CSPAN%3Eurl%3C%2FSPAN%3E%3CSPAN%3E%7D%3C%2FSPAN%3E%3CSPAN%3E%60%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3EThanks%20a%20lot!!!%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-119462%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-119462%22%20slang%3D%22en-US%22%3E%3CP%3EI'm%20not%20very%20lucky.%20Getting%20an%20error%20again.%26nbsp%3B%3C%2FP%3E%3CP%3EFor%20sure%20the%20url%20is%20ok%20but%20it%20looks%20like%20it%20is%20not%20passed%20in%20a%20decent%20way.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%3E%20WARNING%20-%20failed%20to%20hit%20URL%20https%3A%2F%2FBlabla.sharepoint.com%2Fsites%2Fbla%2F_api%2Fsearch%2Fquery%3Fquerytext%3D'ContentType%3ABLA_matters'%26amp%3Bselectproperties%3D'Title%2CRefinableString10%2CCreatedBy%2CCreated'%26amp%3Browlimit%3D500.%20Error%20%3D%20Not%20Found%0Areact-get-items-web-part.js%20(214%2C17)%0A%0A%20HTTP404%3A%20NOT%20FOUND%20-%20The%20server%20has%20not%20found%20anything%20matching%20the%20requested%20URI%20(Uniform%20Resource%20Identifier).%0A(Fetch)GET%20-%20https%3A%2F%2FBlabla.sharepoint.com%2Fsites%2Fbla%2F_layouts%2F15%2F%24%257Burl%257D%3C%2FPRE%3E%3CP%3EWhen%20I%20copy%20the%20url%20from%20the%20source%20code%20and%20paste%20it%20in%20the%20browser%20it's%20working.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-119453%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-119453%22%20slang%3D%22en-US%22%3E%3CP%3EIt%20was%20a%20way%20to%20get%20a%20hold%20of%20the%20context%20object%2C%20maybe%20there%20is%20another%20way%20of%20doing%20it%2C%20but%20here%20it%20goes%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHelloWorldWebPart.ts%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%3Epublic%20render()%3A%20void%20%7B%0A%20%20%20%20const%20element%3A%20React.ReactElement%26lt%3BIHelloWorldProps%20%26gt%3B%20%3D%20React.createElement(%0A%20%20%20%20%20%20HelloWorld%2C%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20description%3A%20this.properties.description%2C%0A%20%20%20%20%20%20%20%20context%3A%20this.context%0A%20%20%20%20%20%20%7D%0A%20%20%20%20)%3B%0A%0A%20%20%20%20ReactDom.render(element%2C%20this.domElement)%3B%0A%20%20%7D%3C%2FPRE%3E%3CP%3EHelloWorldProps.ts%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%3Eexport%20interface%20IHelloWorldProps%20%7B%0A%20%20description%3A%20string%3B%0A%20%20context%3A%20any%3B%0A%7D%3C%2FPRE%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-119322%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-119322%22%20slang%3D%22en-US%22%3E%3CP%3EOne%2C%20I%20hope%2C%20last%20question.%3C%2FP%3E%3CP%3E%22%3CSPAN%3Ereturn%3C%2FSPAN%3E%20%3CSPAN%3Ethis%3C%2FSPAN%3E%3CSPAN%3E.%3C%2FSPAN%3E%3CSPAN%3Eprops%3C%2FSPAN%3E%3CSPAN%3E.%3C%2FSPAN%3E%3CSPAN%3Econtext%3C%2FSPAN%3E%3CSPAN%3E.%3C%2FSPAN%3E%3CSPAN%3EspHttpClient%3C%2FSPAN%3E%22%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20get%20an%20error%20on%20%22context%22%20Saying%20it%20does%20not%20exist%20on%20type%20.....%3C%2FP%3E%3CP%3EI%20guess%20it%20must%20be%20in%20my%20%22----Props.ts%22%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWhat%20is%20you%20line%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-119300%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-119300%22%20slang%3D%22en-US%22%3E%3CP%3EI%20had%20to%20create%20my%20own%20version%20of%20the%20web%20part%20to%20test%20the%20code.%20This%20works%20for%20me%20%3A)%3C%2Fimg%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%3Eimport%20*%20as%20React%20from%20'react'%3B%0Aimport%20styles%20from%20'.%2FHelloWorld.module.scss'%3B%0Aimport%20%7B%20IHelloWorldProps%20%7D%20from%20'.%2FIHelloWorldProps'%3B%0Aimport%20%7B%20escape%20%7D%20from%20'%40microsoft%2Fsp-lodash-subset'%3B%0Aimport%20%7B%20SPHttpClient%2C%20SPHttpClientConfiguration%2C%20SPHttpClientResponse%2C%20ODataVersion%2C%20ISPHttpClientConfiguration%20%7D%20from%20'%40microsoft%2Fsp-http'%3B%0A%0Aexport%20default%20class%20HelloWorld%20extends%20React.Component%26lt%3BIHelloWorldProps%2C%20any%26gt%3B%20%7B%0A%0A%20%20constructor(props)%20%7B%0A%20%20%20%20super(props)%3B%0A%20%20%20%20this.state%20%3D%20%7B%0A%20%20%20%20%20%20items%3A%20%5B%5D%2C%0A%20%20%20%20%7D%3B%0A%20%20%7D%0A%0A%20%20private%20search()%3A%20Promise%26lt%3Bany%26gt%3B%20%7B%0A%0A%20%20%20%20const%20spSearchConfig%3A%20ISPHttpClientConfiguration%20%3D%20%7B%0A%20%20%20%20%20%20defaultODataVersion%3A%20ODataVersion.v3%0A%20%20%20%20%7D%3B%0A%20%20%20%20const%20clientConfigODataV3%3A%20SPHttpClientConfiguration%20%3D%20SPHttpClient.configurations.v1.overrideWith(spSearchConfig)%3B%0A%0A%20%20%20%20var%20url%20%3D%20%22https%3A%2F%2Fxxx.sharepoint.com%2Fsites%2Fvmf-lab%2F_api%2Fsearch%2Fquery%3Fquerytext%3D'ContentType%3AKvalitetsdokument'%26amp%3Bselectproperties%3D'Title%2CRefinableString05%2CCreatedBy%2CCreated'%26amp%3Browlimit%3D500%22%3B%20%2F%2Fthis.properties.siteUrl%20%2B%20%22%2F_api%2Fweb%2Flists%22%3B%0A%20%20%20%20return%20this.props.context.spHttpClient.get(%60%24%7Burl%7D%60%2C%20clientConfigODataV3).then((response%3A%20SPHttpClientResponse)%20%3D%26gt%3B%20%7B%0A%20%20%20%20%20%20if%20(response.ok)%20%7B%0A%20%20%20%20%20%20%20%20return%20response.json()%3B%0A%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20console.log(%22WARNING%20-%20failed%20to%20hit%20URL%20%22%20%2B%20url%20%2B%20%22.%20Error%20%3D%20%22%20%2B%20response.statusText)%3B%0A%20%20%20%20%20%20%20%20return%20null%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D)%3B%0A%20%20%7D%0A%0A%20%20componentDidMount()%20%7B%0A%20%20%20%20this.search().then((response)%20%3D%26gt%3B%20%7B%0A%20%20%20%20%20%20this.setState(%7B%0A%20%20%20%20%20%20%20%20items%3A%20response.PrimaryQueryResult.RelevantResults.Table.Rows%0A%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%7D)%3B%0A%20%20%7D%0A%0A%20%20public%20render()%3A%20React.ReactElement%26lt%3BIHelloWorldProps%26gt%3B%20%7B%0A%20%20%20%20return%20(%0A%20%20%20%20%20%20%26lt%3Bdiv%20className%3D%7Bstyles.helloWorld%7D%26gt%3B%0A%20%20%20%20%20%20%20%20%26lt%3Bdiv%20className%3D%7Bstyles.container%7D%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%7Bthis.state.items.map(row%20%3D%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bdiv%20className%3D%7B%60ms-Grid-row%20%24%7Bstyles.row%7D%60%7D%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bdiv%20className%3D%7B%60ms-Grid-col%60%7D%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Brow.Cells.map(col%20%3D%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bdiv%26gt%3B%7Bcol.Key%7D%20-%20%7Bcol.Value%7D%26lt%3B%2Fdiv%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20)%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3B%2Fdiv%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3B%2Fdiv%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20)%7D%0A%20%20%20%20%20%20%20%20%26lt%3B%2Fdiv%26gt%3B%0A%20%20%20%20%20%20%26lt%3B%2Fdiv%26gt%3B%0A%20%20%20%20)%3B%0A%20%20%7D%0A%7D%3C%2FPRE%3E%3CP%3EHope%20it%20works.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-119286%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-119286%22%20slang%3D%22en-US%22%3E%3CP%3ENot%20yet%20but%20I'll%20keep%20on%20digging.%20Getting%20close%20now.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-119279%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-119279%22%20slang%3D%22en-US%22%3E%3CP%3EThe%20error%20is%20the%20extra%20'%20in%20the%20end%2C%20right%20after%20500...%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThis%20should%20work%3A%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%3Evar%20url%20%3D%20%22https%3A%2F%2Fxxx.sharepoint.com%2F_api%2Fsearch%2Fquery%3Fquerytext%3D'ContentType%3ATEST_matters'%26amp%3Bselectproperties%3D'Title%2CRefinableString10%2CCreatedBy%2CCreated'%26amp%3Browlimit%3D500%22%3C%2FPRE%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-119273%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-119273%22%20slang%3D%22en-US%22%3E%3CP%3EI%20rebuild%20my%20application%20using%20your%20example.%3C%2FP%3E%3CP%3EI%20think%20I%20make%20a%20small%20error%20in%20the%20URL%3A%3C%2FP%3E%3CPRE%3E%20%20%20%20%20%20var%20url%20%3D%20%22https%3A%2F%2FBla.sharepoint.com%2Fsites%2Fbla%2F_api%2Fsearch%2Fquery%3Fquerytext%3D'ContentType%3ATEST_matters'%26amp%3Bselectproperties%3D'RefinableString10%252cCreatedBy%252cCreated'%26amp%3Browlimit%3D500'%22%3B%3C%2FPRE%3E%3CP%3EI%20receive%20an%20error%20which%20tells%20me%20the%20query%20is%20wrong.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-119138%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-119138%22%20slang%3D%22en-US%22%3E%3CP%3EMake%20sure%20that%20you%20have%20the%20data%20in%20this.state%20before%20you%20try%20to%20render%20it.%20This%20is%20how%20I%20get%20the%20data%20(not%20using%20ajax)%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%3Eprivate%20loadDocuments()%3A%20Promise%26lt%3Bany%26gt%3B%20%7B%0A%20%20%20%20var%20url%20%3D%20%22your%20rest%20url%22%3B%0A%20%20%20%20return%20this.props.spHttpClient.get(url%2C%20SPHttpClient.configurations.v1).then((response%3A%20SPHttpClientResponse)%20%3D%26gt%3B%20%7B%0A%20%20%20%20%20%20if%20(response.ok)%20%7B%0A%20%20%20%20%20%20%20%20return%20response.json()%3B%0A%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20console.log(%22WARNING%20-%20failed%20to%20hit%20URL%20%22%20%2B%20url%20%2B%20%22.%20Error%20%3D%20%22%20%2B%20response.statusText)%3B%0A%20%20%20%20%20%20%20%20return%20null%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D)%3B%0A%20%20%7D%3C%2FPRE%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%3EcomponentDidMount()%20%7B%0A%20%20%20%20%20%20%20%20%20this.loadDocuments().then((response)%20%3D%26gt%3B%20%7B%0A%20%20%20%20%20%20%20%20%20this.setState(%7B%0A%20%20%20%20%20%20%20%20%20%20items%3A%20response.value%0A%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%7D%0A%20%20%7D%3C%2FPRE%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-119125%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-119125%22%20slang%3D%22en-US%22%3E%3CP%3EHi%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F55998%22%20target%3D%22_blank%22%3E%40Maggan%20W%C3%A5hlin%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ENo%2C%20I%20do%20not%20need%20the%20rows.%20So%20I%20did%3A%3C%2FP%3E%3CPRE%3E%20reactHandler.setState(%7B%0A%20%20%20%20%20%20%20%20%20%20items%3A%20resultData.PrimaryQueryResult.RelevantResults.Table.Rows.Cells%0A%20%20%20%20%20%20%20%20%7D)%3B%3C%2FPRE%3E%3CP%3EBut%20that%20gives%20me%20the%20error%3A%20%22%3CSPAN%3EUnable%20to%20get%20property%20'map'%20of%20undefined%20or%20null%20reference%22%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3EThis%20is%20my%20Json%3A%3CBR%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20743px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F22583i7379E3D0FE19B752%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22Capture.PNG%22%20title%3D%22Capture.PNG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIs%20there%20something%20wrong%20here%3F%3C%2FP%3E%3CPRE%3Eexport%20interface%20IReactGetItemsState%7B%20%20%0A%20%20items%3A%5B%20%20%0A%20%20%20%20%20%20%20%20%7B%20%20%0A%20%20%20%20%20%20%20%20%20%20%22RefinableString10%22%3A%20%22%22%2C%20%20%0A%20%20%20%20%20%20%20%20%20%20%22CreatedBy%22%3A%20%22%22%2C%20%20%0A%20%20%20%20%20%20%20%20%20%20%22Created%22%3A%22%22%20%20%0A%20%20%0A%20%20%20%20%20%20%20%20%7D%5D%20%20%0A%7D%20%20%0A%0Aexport%20default%20class%20ReactGetItems%20extends%20React.Component%26lt%3BIReactGetItemsProps%2C%20IReactGetItemsState%26gt%3B%20%7B%0A%20%20%20%20%20%20public%20constructor(props%3A%20IReactGetItemsProps%2C%20state%3A%20IReactGetItemsState)%7B%20%20%0A%20%20%20%20%20%20super(props)%3B%20%20%0A%20%20%20%20%20%20this.state%20%3D%20%7B%20%20%0A%20%20%20%20%20%20%20%20items%3A%20%5B%20%20%0A%20%20%20%20%20%20%20%20%20%20%7B%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%22RefinableString10%22%3A%20%22%22%2C%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%22CreatedBy%22%3A%20%22%22%2C%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%22Created%22%3A%22%22%20%20%0A%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%7D%20%20%0A%20%20%20%20%20%20%20%20%5D%20%20%0A%20%20%20%20%20%20%7D%3B%20%20%0A%20%20%20%20%7D%20%20%3C%2FPRE%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-119107%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-119107%22%20slang%3D%22en-US%22%3E%3CP%3EHi%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ELook%20at%20my%20example%20data%20below.%20If%20you%20run%20the%20query%20with%20header%20Accept%3A%20application%2Fjson%2C%20you%20get%20a%20different%20structure.%20You%20should%20then%20be%20able%20to%20get%20the%20Cells%20directly%20from%20the%20item.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EA%20question%2C%20do%20you%20need%20the%20Rows%3F%20You%20could%20map%20your%20items%20directly%20to%20the%20Cells.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%3E%20reactHandler.setState(%7B%0A%20%20%20%20%20%20%20%20%20%20items%3A%20resultData.PrimaryQueryResult.RelevantResults.Table.Rows.Cells%0A%20%20%20%20%20%20%20%20%7D)%3B%3C%2FPRE%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F22578i694EC84E261E9048%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22data.PNG%22%20title%3D%22data.PNG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CDIV%3E%26nbsp%3B%3C%2FDIV%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-119092%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-119092%22%20slang%3D%22en-US%22%3E%3CP%3EI%20think%2C%20I'm%20getting%20closer.%3C%2FP%3E%3CP%3EMy%20object%20is%20like%20this%3A%3C%2FP%3E%3CPRE%3Eexport%20interface%20IReactGetItemsState%7B%20%20%0A%20%20items%3A%5B%20%20%0A%20%20%20%20%20%20%20%20%7B%20%20%0A%20%20%20%20%20%20%20%20%20%20%22RefinableString10%22%3A%20%22%22%2C%20%20%0A%20%20%20%20%20%20%20%20%20%20%22CreatedBy%22%3A%20%22%22%2C%20%20%0A%20%20%20%20%20%20%20%20%20%20%22Created%22%3A%22%22%20%20%0A%20%20%0A%20%20%20%20%20%20%20%20%7D%5D%20%20%0A%7D%20%20%3C%2FPRE%3E%3CP%3EI%20map%20it%20to%20my%20returned%20json%20like%20this%3A%3C%2FP%3E%3CPRE%3E%20%20reactHandler.setState(%7B%0A%20%20%20%20%20%20%20%20%20%20items%3A%20resultData.PrimaryQueryResult.RelevantResults.Table.Rows%0A%20%20%20%20%20%20%20%20%7D)%3B%3C%2FPRE%3E%3CP%3ETo%20retrieve%20the%20values%20I%20do%3A%3C%2FP%3E%3CPRE%3E%7Bthis.state.items.map(function(item%2Ckey)%7B%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20(%26lt%3Bdiv%20className%3D%7Bstyles.rowStyle%7D%20key%3D%7Bkey%7D%26gt%3B%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bdiv%20className%3D%7Bstyles.CellStyle%7D%26gt%3B%7Bitem.RefinableString10%7D%26lt%3B%2Fdiv%26gt%3B%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bdiv%20className%3D%7Bstyles.CellStyle%7D%26gt%3B%7Bitem.CreatedBy%7D%26lt%3B%2Fdiv%26gt%3B%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bdiv%20className%3D%7Bstyles.CellStyle%7D%26gt%3B%7Bitem.Created%7D%26lt%3B%2Fdiv%26gt%3B%3C%2FPRE%3E%3CP%3EThis%20is%20not%20working%20because%20the%20values%20are%20%22deeper%22%20away%20in%20the%20object.%20What%20I%20would%20like%20to%20do%20is%20this%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%3E%7Bthis.state.items.map(function(item%2Ckey)%7B%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20(%26lt%3Bdiv%20className%3D%7Bstyles.rowStyle%7D%20key%3D%7Bkey%7D%26gt%3B%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bdiv%20className%3D%7Bstyles.CellStyle%7D%26gt%3B%7Bitem.Cells%5B2%5D.value%7D%26lt%3B%2Fdiv%26gt%3B%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bdiv%20className%3D%7Bstyles.CellStyle%7D%26gt%3B%7Bitem.Cells%5B3%5D.value%7D%26lt%3B%2Fdiv%26gt%3B%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bdiv%20className%3D%7Bstyles.CellStyle%7D%26gt%3B%7Bitem.Cells%5B4%5D.value%7D%26lt%3B%2Fdiv%26gt%3B%3C%2FPRE%3E%3CP%3EI'm%20not%20allowed%20to%20do%20that%20because%20%22Cells%20does%20not%20exist%20on%20type.....%22%3C%2FP%3E%3CP%3EI%20think%20I%20must%20define%20my%20object%20in%20another%20way%20or%20something.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-119029%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-119029%22%20slang%3D%22en-US%22%3E%3CP%3EI%20did%20some%20testing.%20The%20query%20(from%20my%20working%20example%20gives%20the%20following%20xml%20(in%20postman)%3A%3C%2FP%3E%3CPRE%3E%26lt%3B%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%26gt%3B%0A%26lt%3Bfeed%20xml%3Abase%3D%22https%3A%2F%2Fblabla.sharepoint.com%2Fsites%2Fbla%2F_api%2F%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2005%2FAtom%22%20xmlns%3Ad%3D%22http%3A%2F%2Fschemas.microsoft.com%2Fado%2F2007%2F08%2Fdataservices%22%20xmlns%3Am%3D%22http%3A%2F%2Fschemas.microsoft.com%2Fado%2F2007%2F08%2Fdataservices%2Fmetadata%22%20xmlns%3Ageorss%3D%22http%3A%2F%2Fwww.georss.org%2Fgeorss%22%20xmlns%3Agml%3D%22http%3A%2F%2Fwww.opengis.net%2Fgml%22%26gt%3B%0A%20%20%20%20%26lt%3Bid%26gt%3B98c9b15e-6fc6-4a6e-b44b-8b8fe0b7d210%26lt%3B%2Fid%26gt%3B%0A%20%20%20%20%26lt%3Btitle%20%2F%26gt%3B%0A%20%20%20%20%26lt%3Bupdated%26gt%3B2017-10-23T07%3A48%3A54Z%26lt%3B%2Fupdated%26gt%3B%0A%20%20%20%20%26lt%3Bentry%20m%3Aetag%3D%22%26amp%3Bquot%3B1%26amp%3Bquot%3B%22%26gt%3B%0A%20%20%20%20%20%20%20%20%26lt%3Bid%26gt%3Ba393667a-4c26-4832-bc85-9c26bf682b75%26lt%3B%2Fid%26gt%3B%0A%20%20%20%20%20%20%20%20%26lt%3Bcategory%20term%3D%22SP.Data.EmployeeListListItem%22%20scheme%3D%22http%3A%2F%2Fschemas.microsoft.com%2Fado%2F2007%2F08%2Fdataservices%2Fscheme%22%20%2F%26gt%3B%0A%20%20%20%20%20%20%20%20%26lt%3Blink%20rel%3D%22edit%22%20href%3D%22Web%2FLists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')%2FItems(1)%22%20%2F%26gt%3B%0A%20%20%20%20%20%20%20%20%26lt%3Blink%20rel%3D%22http%3A%2F%2Fschemas.microsoft.com%2Fado%2F2007%2F08%2Fdataservices%2Frelated%2FFirstUniqueAncestorSecurableObject%22%20type%3D%22application%2Fatom%2Bxml%3Btype%3Dentry%22%20title%3D%22FirstUniqueAncestorSecurableObject%22%20href%3D%22Web%2FLists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')%2FItems(1)%2FFirstUniqueAncestorSecurableObject%22%20%2F%26gt%3B%0A%20%20%20%20%20%20%20%20%26lt%3Blink%20rel%3D%22http%3A%2F%2Fschemas.microsoft.com%2Fado%2F2007%2F08%2Fdataservices%2Frelated%2FRoleAssignments%22%20type%3D%22application%2Fatom%2Bxml%3Btype%3Dfeed%22%20title%3D%22RoleAssignments%22%20href%3D%22Web%2FLists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')%2FItems(1)%2FRoleAssignments%22%20%2F%26gt%3B%0A%20%20%20%20%20%20%20%20%26lt%3Blink%20rel%3D%22http%3A%2F%2Fschemas.microsoft.com%2Fado%2F2007%2F08%2Fdataservices%2Frelated%2FActivities%22%20type%3D%22application%2Fatom%2Bxml%3Btype%3Dfeed%22%20title%3D%22Activities%22%20href%3D%22Web%2FLists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')%2FItems(1)%2FActivities%22%20%2F%26gt%3B%0A%20%20%20%20%20%20%20%20%26lt%3Blink%20rel%3D%22http%3A%2F%2Fschemas.microsoft.com%2Fado%2F2007%2F08%2Fdataservices%2Frelated%2FAttachmentFiles%22%20type%3D%22application%2Fatom%2Bxml%3Btype%3Dfeed%22%20title%3D%22AttachmentFiles%22%20href%3D%22Web%2FLists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')%2FItems(1)%2FAttachmentFiles%22%20%2F%26gt%3B%0A%20%20%20%20%20%20%20%20%26lt%3Blink%20rel%3D%22http%3A%2F%2Fschemas.microsoft.com%2Fado%2F2007%2F08%2Fdataservices%2Frelated%2FContentType%22%20type%3D%22application%2Fatom%2Bxml%3Btype%3Dentry%22%20title%3D%22ContentType%22%20href%3D%22Web%2FLists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')%2FItems(1)%2FContentType%22%20%2F%26gt%3B%0A%20%20%20%20%20%20%20%20%26lt%3Blink%20rel%3D%22http%3A%2F%2Fschemas.microsoft.com%2Fado%2F2007%2F08%2Fdataservices%2Frelated%2FGetDlpPolicyTip%22%20type%3D%22application%2Fatom%2Bxml%3Btype%3Dentry%22%20title%3D%22GetDlpPolicyTip%22%20href%3D%22Web%2FLists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')%2FItems(1)%2FGetDlpPolicyTip%22%20%2F%26gt%3B%0A%20%20%20%20%20%20%20%20%26lt%3Blink%20rel%3D%22http%3A%2F%2Fschemas.microsoft.com%2Fado%2F2007%2F08%2Fdataservices%2Frelated%2FFieldValuesAsHtml%22%20type%3D%22application%2Fatom%2Bxml%3Btype%3Dentry%22%20title%3D%22FieldValuesAsHtml%22%20href%3D%22Web%2FLists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')%2FItems(1)%2FFieldValuesAsHtml%22%20%2F%26gt%3B%0A%20%20%20%20%20%20%20%20%26lt%3Blink%20rel%3D%22http%3A%2F%2Fschemas.microsoft.com%2Fado%2F2007%2F08%2Fdataservices%2Frelated%2FFieldValuesAsText%22%20type%3D%22application%2Fatom%2Bxml%3Btype%3Dentry%22%20title%3D%22FieldValuesAsText%22%20href%3D%22Web%2FLists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')%2FItems(1)%2FFieldValuesAsText%22%20%2F%26gt%3B%0A%20%20%20%20%20%20%20%20%26lt%3Blink%20rel%3D%22http%3A%2F%2Fschemas.microsoft.com%2Fado%2F2007%2F08%2Fdataservices%2Frelated%2FFieldValuesForEdit%22%20type%3D%22application%2Fatom%2Bxml%3Btype%3Dentry%22%20title%3D%22FieldValuesForEdit%22%20href%3D%22Web%2FLists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')%2FItems(1)%2FFieldValuesForEdit%22%20%2F%26gt%3B%0A%20%20%20%20%20%20%20%20%26lt%3Blink%20rel%3D%22http%3A%2F%2Fschemas.microsoft.com%2Fado%2F2007%2F08%2Fdataservices%2Frelated%2FFile%22%20type%3D%22application%2Fatom%2Bxml%3Btype%3Dentry%22%20title%3D%22File%22%20href%3D%22Web%2FLists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')%2FItems(1)%2FFile%22%20%2F%26gt%3B%0A%20%20%20%20%20%20%20%20%26lt%3Blink%20rel%3D%22http%3A%2F%2Fschemas.microsoft.com%2Fado%2F2007%2F08%2Fdataservices%2Frelated%2FFolder%22%20type%3D%22application%2Fatom%2Bxml%3Btype%3Dentry%22%20title%3D%22Folder%22%20href%3D%22Web%2FLists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')%2FItems(1)%2FFolder%22%20%2F%26gt%3B%0A%20%20%20%20%20%20%20%20%26lt%3Blink%20rel%3D%22http%3A%2F%2Fschemas.microsoft.com%2Fado%2F2007%2F08%2Fdataservices%2Frelated%2FParentList%22%20type%3D%22application%2Fatom%2Bxml%3Btype%3Dentry%22%20title%3D%22ParentList%22%20href%3D%22Web%2FLists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')%2FItems(1)%2FParentList%22%20%2F%26gt%3B%0A%20%20%20%20%20%20%20%20%26lt%3Blink%20rel%3D%22http%3A%2F%2Fschemas.microsoft.com%2Fado%2F2007%2F08%2Fdataservices%2Frelated%2FProperties%22%20type%3D%22application%2Fatom%2Bxml%3Btype%3Dentry%22%20title%3D%22Properties%22%20href%3D%22Web%2FLists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')%2FItems(1)%2FProperties%22%20%2F%26gt%3B%0A%20%20%20%20%20%20%20%20%26lt%3Blink%20rel%3D%22http%3A%2F%2Fschemas.microsoft.com%2Fado%2F2007%2F08%2Fdataservices%2Frelated%2FVersions%22%20type%3D%22application%2Fatom%2Bxml%3Btype%3Dfeed%22%20title%3D%22Versions%22%20href%3D%22Web%2FLists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')%2FItems(1)%2FVersions%22%20%2F%26gt%3B%0A%20%20%20%20%20%20%20%20%26lt%3Btitle%20%2F%26gt%3B%0A%20%20%20%20%20%20%20%20%26lt%3Bupdated%26gt%3B2017-10-23T07%3A48%3A54Z%26lt%3B%2Fupdated%26gt%3B%0A%20%20%20%20%20%20%20%20%26lt%3Bauthor%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bname%20%2F%26gt%3B%0A%20%20%20%20%20%20%20%20%26lt%3B%2Fauthor%26gt%3B%0Aetc......%3C%2FPRE%3E%3CP%3EWhen%20I%20change%20the%20output%20to%20json%20I%20get%3A%3C%2FP%3E%3CPRE%3EUnexpected%20'%26lt%3B'%3C%2FPRE%3E%3CP%3EHowever%2C%20this%20json%20error%20does%20not%20seem%20to%20matter%20because%20the%20application%20is%20returning%20the%20expected%20results.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWhen%20I%20run%20MY%20query%20in%20postman%20I%20get%3A%3C%2FP%3E%3CPRE%3E%26lt%3B%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%26gt%3B%0A%26lt%3Bd%3Aquery%20xmlns%3Ad%3D%22http%3A%2F%2Fschemas.microsoft.com%2Fado%2F2007%2F08%2Fdataservices%22%20xmlns%3Am%3D%22http%3A%2F%2Fschemas.microsoft.com%2Fado%2F2007%2F08%2Fdataservices%2Fmetadata%22%20xmlns%3Ageorss%3D%22http%3A%2F%2Fwww.georss.org%2Fgeorss%22%20xmlns%3Agml%3D%22http%3A%2F%2Fwww.opengis.net%2Fgml%22%20m%3Atype%3D%22Microsoft.Office.Server.Search.REST.SearchResult%22%26gt%3B%0A%20%20%20%20%26lt%3Bd%3AElapsedTime%20m%3Atype%3D%22Edm.Int32%22%26gt%3B270%26lt%3B%2Fd%3AElapsedTime%26gt%3B%0A%20%20%20%20%26lt%3Bd%3APrimaryQueryResult%20m%3Atype%3D%22Microsoft.Office.Server.Search.REST.QueryResult%22%26gt%3B%0A%20%20%20%20%20%20%20%20%26lt%3Bd%3ACustomResults%20m%3Atype%3D%22Collection(Microsoft.Office.Server.Search.REST.CustomResult)%22%20%2F%26gt%3B%0A%20%20%20%20%20%20%20%20%26lt%3Bd%3AQueryId%26gt%3Bd683c430-ba34-4db3-bd8c-c70feca21de5%26lt%3B%2Fd%3AQueryId%26gt%3B%0A%20%20%20%20%20%20%20%20%26lt%3Bd%3AQueryRuleId%20m%3Atype%3D%22Edm.Guid%22%26gt%3B00000000-0000-0000-0000-000000000000%26lt%3B%2Fd%3AQueryRuleId%26gt%3B%0A%20%20%20%20%20%20%20%20%26lt%3Bd%3ARefinementResults%20m%3Anull%3D%22true%22%20%2F%26gt%3B%0A%20%20%20%20%20%20%20%20%26lt%3Bd%3ARelevantResults%20m%3Atype%3D%22Microsoft.Office.Server.Search.REST.RelevantResults%22%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AGroupTemplateId%20m%3Anull%3D%22true%22%20%2F%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AItemTemplateId%20m%3Anull%3D%22true%22%20%2F%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AProperties%20m%3Atype%3D%22Collection(SP.KeyValue)%22%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3Aelement%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AKey%26gt%3BGenerationId%26lt%3B%2Fd%3AKey%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValue%26gt%3B9223372036854775806%26lt%3B%2Fd%3AValue%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValueType%26gt%3BEdm.Int64%26lt%3B%2Fd%3AValueType%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3B%2Fd%3Aelement%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3Aelement%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AKey%26gt%3BindexSystem%26lt%3B%2Fd%3AKey%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValue%26gt%3B%26lt%3B%2Fd%3AValue%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValueType%26gt%3BEdm.String%26lt%3B%2Fd%3AValueType%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3B%2Fd%3Aelement%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3Aelement%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AKey%26gt%3BExecutionTimeMs%26lt%3B%2Fd%3AKey%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValue%26gt%3B47%26lt%3B%2Fd%3AValue%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValueType%26gt%3BEdm.Int32%26lt%3B%2Fd%3AValueType%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3B%2Fd%3Aelement%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3Aelement%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AKey%26gt%3BQueryModification%26lt%3B%2Fd%3AKey%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValue%26gt%3BContentType%3AILSS_matters%20-ContentClass%3Durn%3Acontent-class%3ASPSPeople%26lt%3B%2Fd%3AValue%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValueType%26gt%3BEdm.String%26lt%3B%2Fd%3AValueType%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3B%2Fd%3Aelement%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3Aelement%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AKey%26gt%3BRenderTemplateId%26lt%3B%2Fd%3AKey%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValue%26gt%3B~sitecollection%2F_catalogs%2Fmasterpage%2FDisplay%20Templates%2FSearch%2FGroup_Default.js%26lt%3B%2Fd%3AValue%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValueType%26gt%3BEdm.String%26lt%3B%2Fd%3AValueType%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3B%2Fd%3Aelement%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3Aelement%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AKey%26gt%3BStartRecord%26lt%3B%2Fd%3AKey%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValue%26gt%3B0%26lt%3B%2Fd%3AValue%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValueType%26gt%3BEdm.Int32%26lt%3B%2Fd%3AValueType%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3B%2Fd%3Aelement%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3Aelement%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AKey%26gt%3BIsLastBlockInSubstrate%26lt%3B%2Fd%3AKey%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValue%26gt%3Btrue%26lt%3B%2Fd%3AValue%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValueType%26gt%3BEdm.Boolean%26lt%3B%2Fd%3AValueType%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3B%2Fd%3Aelement%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3Aelement%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AKey%26gt%3BIsFirstBlockInSubstrate%26lt%3B%2Fd%3AKey%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValue%26gt%3Bfalse%26lt%3B%2Fd%3AValue%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValueType%26gt%3BEdm.Boolean%26lt%3B%2Fd%3AValueType%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3B%2Fd%3Aelement%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3Aelement%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AKey%26gt%3BIsFirstPinnedResultBlock%26lt%3B%2Fd%3AKey%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValue%26gt%3Bfalse%26lt%3B%2Fd%3AValue%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValueType%26gt%3BEdm.Boolean%26lt%3B%2Fd%3AValueType%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3B%2Fd%3Aelement%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3Aelement%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AKey%26gt%3BIsLastPinnedResultBlock%26lt%3B%2Fd%3AKey%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValue%26gt%3Bfalse%26lt%3B%2Fd%3AValue%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValueType%26gt%3BEdm.Boolean%26lt%3B%2Fd%3AValueType%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3B%2Fd%3Aelement%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3Aelement%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AKey%26gt%3BIsFirstRankedResultBlock%26lt%3B%2Fd%3AKey%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValue%26gt%3Btrue%26lt%3B%2Fd%3AValue%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValueType%26gt%3BEdm.Boolean%26lt%3B%2Fd%3AValueType%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3B%2Fd%3Aelement%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3Aelement%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AKey%26gt%3BIsLastRankedResultBlock%26lt%3B%2Fd%3AKey%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValue%26gt%3Btrue%26lt%3B%2Fd%3AValue%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValueType%26gt%3BEdm.Boolean%26lt%3B%2Fd%3AValueType%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3B%2Fd%3Aelement%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3B%2Fd%3AProperties%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AResultTitle%20m%3Anull%3D%22true%22%20%2F%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AResultTitleUrl%20m%3Anull%3D%22true%22%20%2F%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3ARowCount%20m%3Atype%3D%22Edm.Int32%22%26gt%3B63%26lt%3B%2Fd%3ARowCount%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3ATable%20m%3Atype%3D%22SP.SimpleDataTable%22%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3ARows%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3Aelement%20m%3Atype%3D%22SP.SimpleDataRow%22%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3ACells%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3Aelement%20m%3Atype%3D%22SP.KeyValue%22%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AKey%26gt%3BRank%26lt%3B%2Fd%3AKey%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValue%26gt%3B16.2882633209229%26lt%3B%2Fd%3AValue%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValueType%26gt%3BEdm.Double%26lt%3B%2Fd%3AValueType%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3B%2Fd%3Aelement%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3Aelement%20m%3Atype%3D%22SP.KeyValue%22%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AKey%26gt%3BDocId%26lt%3B%2Fd%3AKey%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValue%26gt%3B458931375%26lt%3B%2Fd%3AValue%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValueType%26gt%3BEdm.Int64%26lt%3B%2Fd%3AValueType%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3B%2Fd%3Aelement%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3Aelement%20m%3Atype%3D%22SP.KeyValue%22%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AKey%26gt%3BRefinableString10%26lt%3B%2Fd%3AKey%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValue%26gt%3B42914%20Research%20and%20Conservation%20Project%26lt%3B%2Fd%3AValue%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bd%3AValueType%26gt%3BEdm.String%26lt%3B%2Fd%3AValueType%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3B%2Fd%3Aelement%26gt%3B%0AEtc....%3C%2FPRE%3E%3CP%3EWhen%20I%20change%20the%20output%20to%20json%20I%20also%20get%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%3EUnexpected%20'%26lt%3B'%3C%2FPRE%3E%3CP%3ESo%20my%20query%20returns%20the%20expected%20results%20but%20the%20format%20is%20different.%20I%20guess%20that%20is%20why%20the%20mapping%20is%20not%20working%20but%20I%20don't%20have%20a%20clue%20how%20to%20solve%20this.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWhen%20checking%20the%20json%20I%20notice%20that%20the%20type%20of%20the%20results%20is%20%5Bobject(Array)%5D%20and%20in%20my%20working%20example%20it%20is%20%22%5B%5Bobject%20Object%5D.object%20Object%5D%5D%22%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20hope%20this%20explains%20my%20problem%20a%20bit%20more.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-118592%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-118592%22%20slang%3D%22en-US%22%3E%3CP%3EThanks%20again%2C%3C%2FP%3E%3CP%3EI'll%20dive%20into%20this%20today%20and%20will%20post%20my%20results.%20I%20hope%20I%20can%20clarify%20my%20issue.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-118576%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-118576%22%20slang%3D%22en-US%22%3EI%20am%20a%20bit%20confused...%20when%20you%20debug%2C%20do%20you%20get%20the%20data%3F%20If%20the%20data%20is%20empty%20after%20running%20the%20query%2C%20the%20query%20must%20be%20the%20problem.%20But%20if%20you%20get%20data%20from%20the%20query%20and%20you%20can't%20get%20react%20to%20keep%20state%2C%20that's%20another%20story...%3CBR%20%2F%3E%3CBR%20%2F%3EI%20really%20recommend%20Postman%20to%20test%20REST%20queries.%20You%20will%20save%20tons%20of%20time!%20Use%20Postman%20Interceptor%20to%20authenticate%20against%20Sharepoint.%3CBR%20%2F%3E%3CBR%20%2F%3E1.%20Download%20Postman%3A%20%3CA%20href%3D%22https%3A%2F%2Fchrome.google.com%2Fwebstore%2Fdetail%2Fpostman%2Ffhbjgbiflinjbdggehcddcbncdddomop%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fchrome.google.com%2Fwebstore%2Fdetail%2Fpostman%2Ffhbjgbiflinjbdggehcddcbncdddomop%3C%2FA%3E.%3CBR%20%2F%3E2.%20Download%20Postman%20Interceptor%3A%3CBR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Fchrome.google.com%2Fwebstore%2Fdetail%2Fpostman-interceptor%2Faicmkgpgakddgnaphhhpliifpcfhicfo%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fchrome.google.com%2Fwebstore%2Fdetail%2Fpostman-interceptor%2Faicmkgpgakddgnaphhhpliifpcfhicfo%3C%2FA%3E.%3CBR%20%2F%3E3.%20Turn%20Interceptor%20on%20in%20the%20Postman%20top%20menubar.%3CBR%20%2F%3E4.%20Add%20the%20query%20and%20the%20Accept%20header.%3CBR%20%2F%3E5.%20Run%20the%20query.%3CBR%20%2F%3E%3CBR%20%2F%3E%3CBR%20%2F%3E%3CBR%20%2F%3E%3CBR%20%2F%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-118539%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-118539%22%20slang%3D%22en-US%22%3E%3CP%3ENope.%3C%2FP%3E%3CP%3EEverything%20is%20empty%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-118538%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-118538%22%20slang%3D%22en-US%22%3EDo%20you%20get%20values%20f%C3%B6r%20Created%20and%20Created%20by%3F%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-118534%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-118534%22%20slang%3D%22en-US%22%3E%3CP%3ESo%20now%20I%20did%20this%3A%3C%2FP%3E%3CPRE%3Eitems%3A%20resultData.PrimaryQueryResult.RelevantResults.Table.Rows%3C%2FPRE%3E%3CP%3ENo%20errors%20and%20I%20get%20the%20number%20of%20rows%20I%20expect%20but.....%20the%20rows%20are%20empty.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%3E%26lt%3Bdiv%20className%3D%7Bstyles.CellStyle%7D%26gt%3B%7Bitem.RefinableString10%7D%26lt%3B%2Fdiv%26gt%3B%20%20%3C%2FPRE%3E%3CP%3E%22%3CSPAN%3Eitem%3C%2FSPAN%3E%3CSPAN%3E.%3C%2FSPAN%3E%3CSPAN%3ERefinableString10%3C%2FSPAN%3E%22%20does%20not%20seem%20to%20have%20any%20value....%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-118532%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-118532%22%20slang%3D%22en-US%22%3EI%20tried%20a%20similar%20query%20in%20Postman%20and%20now%20I%20see%20what%20you%20mean...%20To%20get%20a%20%22clean%22%20JSON%2C%20remove%20odata%3Dverbose%20from%20the%20accept%20header.%20It%20will%20remove%20all%20the%20metadata%20you%20don't%20need%20%3CBR%20%2F%3E%3CBR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Fblogs.office.com%2Fen-us%2F2014%2F08%2F13%2Fjson-light-support-rest-sharepoint-api-released%2F%3Feu%3Dtrue%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fblogs.office.com%2Fen-us%2F2014%2F08%2F13%2Fjson-light-support-rest-sharepoint-api-released%2F%3Feu%3Dtru%3C%2FA%3E%3CBR%20%2F%3E%3CBR%20%2F%3EeCheers%20%3Asmiling_face_with_smiling_eyes%3A%3C%2Fimg%3E%3CBR%20%2F%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-118519%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-118519%22%20slang%3D%22en-US%22%3E%3CP%3EHi%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F55998%22%20target%3D%22_blank%22%3E%40Maggan%20W%C3%A5hlin%3C%2FA%3E%20(I%20should%20buy%20you%20a%20beer%20for%20your%20help%2C%20already).%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CDIV%3E%3CDIV%3EThe%20complete%20code%20is%20this%3A%3C%2FDIV%3E%3CDIV%3E%3CPRE%3Eimport%20*%20as%20React%20from%20'react'%3B%0Aimport%20styles%20from%20'.%2FReactGetItems.module.scss'%3B%0Aimport%20%7B%20IReactGetItemsProps%20%7D%20from%20'.%2FIReactGetItemsProps'%3B%0Aimport%20%7B%20escape%20%7D%20from%20'%40microsoft%2Fsp-lodash-subset'%3B%0Aimport%20*%20as%20jquery%20from%20'jquery'%3B%0A%0Aexport%20interface%20IReactGetItemsState%7B%20%20%0A%20%20items%3A%5B%20%20%0A%20%20%20%20%20%20%20%20%7B%20%20%0A%20%20%20%20%20%20%20%20%20%20%22RefinableString10%22%3A%20%22%22%2C%20%20%0A%20%20%20%20%20%20%20%20%20%20%22CreatedBy%22%3A%20%22%22%2C%20%20%0A%20%20%20%20%20%20%20%20%20%20%22Created%22%3A%22%22%20%20%0A%20%20%0A%20%20%20%20%20%20%20%20%7D%5D%20%20%0A%7D%20%20%0A%0Aexport%20default%20class%20ReactGetItems%20extends%20React.Component%26lt%3BIReactGetItemsProps%2C%20IReactGetItemsState%26gt%3B%20%7B%0A%20%20%20%20%20%20public%20constructor(props%3A%20IReactGetItemsProps%2C%20state%3A%20IReactGetItemsState)%7B%20%20%0A%20%20%20%20%20%20super(props)%3B%20%20%0A%20%20%20%20%20%20this.state%20%3D%20%7B%20%20%0A%20%20%20%20%20%20%20%20items%3A%20%5B%20%20%0A%20%20%20%20%20%20%20%20%20%20%7B%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%22RefinableString10%22%3A%20%22%22%2C%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%22CreatedBy%22%3A%20%22%22%2C%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%22Created%22%3A%22%22%20%20%0A%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%7D%20%20%0A%20%20%20%20%20%20%20%20%5D%20%20%0A%20%20%20%20%20%20%7D%3B%20%20%0A%20%20%20%20%7D%20%20%0A%0A%20%0A%0A%20%20%20%20public%20componentDidMount()%7B%0A%20%20%20%20%20%20var%20reactHandler%20%3D%20this%3B%0A%20%20%20%20%20%20jquery.ajax(%7B%0A%20%20%20%20%20%20%20%20url%3A%20%22https%3A%2F%2FBlabla.sharepoint.com%2Fsites%2Fbla%2F_api%2Fsearch%2Fquery%3Fquerytext%3D'ContentType%3ATest_matters'%26amp%3Bselectproperties%3D'RefinableString10%252cCreatedBy%252cCreated'%26amp%3Browlimit%3D500'%22%2C%0A%20%20%20%20%20%20%20%20type%3A%20%22GET%22%2C%0A%20%20%20%20%20%20%20%20headers%3A%7B'Accept'%3A%20'application%2Fjson%3B%20%20odata%3Dverbose%3B'%7D%2C%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20success%3A%20function(resultData)%20%7B%0A%20%0A%20%20%20%20%20%20%20%20reactHandler.setState(%7B%0A%20%20%20%20%20%20%20%20%20%20items%3A%20resultData.PrimaryQueryResult.RelevantResults.Table.Rows%0A%20%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20error%20%3A%20function(jqXHR%2C%20textStatus%2C%20errorThrown)%20%7B%0A%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%7D)%3B%0A%20%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20%20public%20render()%3A%20React.ReactElement%26lt%3BIReactGetItemsProps%26gt%3B%20%7B%0A%20%20%20%20%20%20%20%20return%20(%20%20%0A%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bdiv%20className%3D%7Bstyles.panelStyle%7D%20%26gt%3B%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bbr%26gt%3B%26lt%3B%2Fbr%26gt%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bbr%26gt%3B%26lt%3B%2Fbr%26gt%3B%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bdiv%20className%3D%7Bstyles.tableCaptionStyle%7D%20%26gt%3B%20Demo%20%3A%20Retrieve%20SharePoint%20List%20Items%20using%20SPFx%20%2C%20REST%20API%20%20%26amp%3B%20React%20JS%20%20%26lt%3B%2Fdiv%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bbr%26gt%3B%26lt%3B%2Fbr%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bdiv%20className%3D%7Bstyles.headerCaptionStyle%7D%20%26gt%3B%20Employee%20Details%26lt%3B%2Fdiv%26gt%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bdiv%20className%3D%7Bstyles.tableStyle%7D%20%26gt%3B%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bdiv%20className%3D%7Bstyles.headerStyle%7D%20%26gt%3B%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bdiv%20className%3D%7Bstyles.CellStyle%7D%26gt%3BEmployee%20Name%26lt%3B%2Fdiv%26gt%3B%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bdiv%20className%3D%7Bstyles.CellStyle%7D%26gt%3BEmployee%20Id%20%26lt%3B%2Fdiv%26gt%3B%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bdiv%20className%3D%7Bstyles.CellStyle%7D%26gt%3BExperience%26lt%3B%2Fdiv%26gt%3B%20%20%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3B%2Fdiv%26gt%3B%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Bthis.state.items.map(function(item%2Ckey)%7B%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20(%26lt%3Bdiv%20className%3D%7Bstyles.rowStyle%7D%20key%3D%7Bkey%7D%26gt%3B%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bdiv%20className%3D%7Bstyles.CellStyle%7D%26gt%3B%7Bitem.RefinableString10%7D%26lt%3B%2Fdiv%26gt%3B%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bdiv%20className%3D%7Bstyles.CellStyle%7D%26gt%3B%7Bitem.CreatedBy%7D%26lt%3B%2Fdiv%26gt%3B%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3Bdiv%20className%3D%7Bstyles.CellStyle%7D%26gt%3B%7Bitem.Created%7D%26lt%3B%2Fdiv%26gt%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3B%2Fdiv%26gt%3B)%3B%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D)%7D%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%26lt%3B%2Fdiv%26gt%3B%20%20%0A%20%20%20%20%20%20%20%20%20%20%20%26lt%3B%2Fdiv%26gt%3B%20%20%0A%20%20%20%0A%20%20%20%0A%20%20%20%20%20%20%20)%3B%20%20%0A%20%20%20%20%20%7D%20%20%0A%20%20%20%20%20%0A%20%20%20%7D%0A%20%20%20%3C%2FPRE%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%3CSPAN%3EThe%20line%3A%20%22%3C%2FSPAN%3E%3C%2FSPAN%3E%3CSPAN%3Eitems%3A%3C%2FSPAN%3E%20%3CSPAN%3EresultData%3C%2FSPAN%3E%3CSPAN%3E.%3C%2FSPAN%3E%3CSPAN%3EPrimaryQueryResult%3C%2FSPAN%3E%3CSPAN%3E.%3C%2FSPAN%3E%3CSPAN%3ERelevantResults%3C%2FSPAN%3E%3CSPAN%3E.%3C%2FSPAN%3E%3CSPAN%3ETable%3C%2FSPAN%3E%3CSPAN%3E.%3C%2FSPAN%3E%3CSPAN%3ERows%3C%2FSPAN%3E%3CSPAN%3E%22%20is%20the%20problem.%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3EMy%20Json%20return%20is%20not%20formatted%20good%20enough%20to%20do%20the%20binding%20like%20this.%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%26nbsp%3B%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3EFor%20example%2C%20if%20I%20need%20the%20value%20of%20%22RefinableString10%22%20I%20have%20to%20dig%20deep%20into%20the%20json%20to%20get%20it%3A%3CBR%20%2F%3E%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%22%3C%2FSPAN%3E%3CSPAN%3EresultData.d.query.PrimaryQueryResult.RelevantResults.Table.Rows.results%5Bi%5D.Cells.results%5B2%5D.Value%22%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%26nbsp%3B%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3EMy%20start%20was%20this%20example%3A%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fgallery.technet.microsoft.com%2Foffice%2FCreate-SPFx-Web-Part-to-d5282a5f%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgallery.technet.microsoft.com%2Foffice%2FCreate-SPFx-Web-Part-to-d5282a5f%3C%2FA%3E%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%26nbsp%3B%3C%2FDIV%3E%3CDIV%3E%26nbsp%3B%3C%2FDIV%3E%3CDIV%3EMy%20query%20is%20fine.%20In%20debug%20I%20see%20the%20expected%20results%20in%20%22resultData%22%26nbsp%3B%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3EAll%20I%20did%20was%20change%20the%20query%20to%20get%20some%20other%20results.%3C%2FSPAN%3E%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-118517%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-118517%22%20slang%3D%22en-US%22%3EHi%20Mike%2C%3CBR%20%2F%3ECould%20you%20post%20your%20code%3F%20Meanwhile%2C%20you%20could%20try%20getbyid(%3CLISTGUID%3E)%20instead%20of%20the%20list%20title%20in%20the%20REST%20query.%20It's%20a%20long%20shot...%20I%20always%20use%20Postman%20to%20test%20my%20queries%2C%20it's%20a%20Chrome%20app.%3C%2FLISTGUID%3E%3CLINGO-SUB%20id%3D%22lingo-sub-118515%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-118515%22%20slang%3D%22en-US%22%3E%3CP%3ECan%20someone%20help%20me%20out%20on%20this%3F%20Still%20not%20able%20to%20solve%20it.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%2C%20Mike%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-116022%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-116022%22%20slang%3D%22en-US%22%3E%3CP%3EThings%20are%20a%20bit%20more%20clear%20but%20my%20main%20issue%20is%20the%20mapping%20of%20my%20query%20results%20to%20the%20%22Item%22%20object.%3C%2FP%3E%3CP%3EI%20try%3A%3C%2FP%3E%3CPRE%3Eitems%3A%20resultData.d.query.PrimaryQueryResult.RelevantResults.Table.Rows.results.Cells%3C%2FPRE%3E%3CP%3EBut%20I%20need%20to%20solve%20it%20some%20other%20way.%20Still%20do%20not%20know%20howto....%20sorry.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAn%20example%20would%20be%20great....%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-115956%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-115956%22%20slang%3D%22en-US%22%3ERead%20up%20on%20the%20react%20component%20lifecycle%2C%20it%20helped%20me%20a%20lot.%3CBR%20%2F%3E%3CBR%20%2F%3E%3CA%20href%3D%22http%3A%2F%2Fbusypeoples.github.io%2Fpost%2Freact-component-lifecycle%2F%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttp%3A%2F%2Fbusypeoples.github.io%2Fpost%2Freact-component-lifecycle%2F%3C%2FA%3E%3CBR%20%2F%3E%3CBR%20%2F%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-115952%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-115952%22%20slang%3D%22en-US%22%3E%3CP%3EThanks%20again%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F55998%22%20target%3D%22_blank%22%3E%40Maggan%20W%C3%A5hlin%3C%2FA%3E.%3C%2FP%3E%3CP%3EI'll%20give%20it%20a%20try.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-115944%22%20slang%3D%22en-US%22%3ERe%3A%20spfx%20React%20%26gt%3B%20REST%20API%20%26gt%3B%20Map%20search%20results%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-115944%22%20slang%3D%22en-US%22%3E%3CP%3EAn%20example...%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Evar%20reactModule%20%3D%20React.createClass(%7B%3CBR%20%2F%3EgetInitialState%3Afunction()%7B%3C%2FP%3E%3CP%3E%7D%2C%3CBR%20%2F%3Erender%3A%20function()%20%7B%3CBR%20%2F%3Ereturn%20(%3CBR%20%2F%3E%3C%2FP%3E%3CDIV%3E%3CBR%20%2F%3E...%20content%20here%3CBR%20%2F%3E%3C%2FDIV%3E%3CBR%20%2F%3E)%3B%3CBR%20%2F%3E%7D%2C%3CBR%20%2F%3EcomponentDidMount%3A%20function()%20%7B%3CBR%20%2F%3Evar%20ajaxSuccess%3Dthis.ajaxSuccess%3B%3CP%3E%3C%2FP%3E%3CP%3E%24.ajax(%7B%3CBR%20%2F%3Etype%3A%20%22POST%22%2C%3CBR%20%2F%3Eurl%3A%60%24%7Bthis.props.siteurl%7D%2F_api%2Fweb%2Flists%2Fgetbytitle('EmployeeList')%2Fitems%60%2C%3CBR%20%2F%3Emore%20props%20here%2C%3CBR%20%2F%3Esuccess%3A%20ajaxSuccess%3CBR%20%2F%3E%7D)%3B%3CBR%20%2F%3E%7D%2C%3CBR%20%2F%3EajaxSuccess%3Afunction(e)%7B%3CBR%20%2F%3E%2F%2Fe%20is%20the%20result.%20update%20state%20here.%3CBR%20%2F%3E%7D%3CBR%20%2F%3E%7D)%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3C%2FLINGO-BODY%3E
Highlighted
Regular Contributor

I have a woking example where I map (rest) search results to an object like this:

 

export interface IReactGetItemsState{  
  items:[  
        {  
          "EmployeeName": "",  
          "EmployeeId": "",  
          "Experience":"",  
          "Location":""
        }]  
}  

export default class ReactGetItems extends React.Component<IReactGetItemsProps, IReactGetItemsState> {
  
    public constructor(props: IReactGetItemsProps, state: IReactGetItemsState){  
      super(props);  
      this.state = {  
        items: [  
          {  
            "EmployeeName": "",  
            "EmployeeId": "",  
            "Experience":"",  
            "Location":""
          }  
        ]  
      };  
    }  
-----------------------------------
jquery.ajax({
       url: `${this.props.siteurl}/_api/web/lists/getbytitle('EmployeeList')/items`,
       type: "GET",
       headers:{'Accept': 'application/json; odata=verbose;'},
       success: function(resultData) {
       reactHandler.setState({
---->       items: resultData.d.results

Now I want to do my own variant using an Ajax call using a querystring. So my result object is different

I try to map the results in this way:

 

items: resultData.d.query.PrimaryQueryResult.RelevantResults.Table.Rows.results.Cells

This is not working. My results remain empty.

 

I'm just beginning SPFX/React so I do not know how to solve this.

Can someone help me out?

 

Thanks, Mike

34 Replies
Highlighted

An example...

 

var reactModule = React.createClass({
getInitialState:function(){

},
render: function() {
return (
<div>
... content here
</div>
);
},
componentDidMount: function() {
var ajaxSuccess=this.ajaxSuccess;

$.ajax({
type: "POST",
url:`${this.props.siteurl}/_api/web/lists/getbytitle('EmployeeList')/items`,
more props here,
success: ajaxSuccess
});
},
ajaxSuccess:function(e){
//e is the result. update state here.
}
});

Highlighted

Thanks again @Maggan Wåhlin.

I'll give it a try.

Highlighted
Read up on the react component lifecycle, it helped me a lot.

http://busypeoples.github.io/post/react-component-lifecycle/

Highlighted

Things are a bit more clear but my main issue is the mapping of my query results to the "Item" object.

I try:

items: resultData.d.query.PrimaryQueryResult.RelevantResults.Table.Rows.results.Cells

But I need to solve it some other way. Still do not know howto.... sorry.

 

An example would be great....

Highlighted

Can someone help me out on this? Still not able to solve it.

 

Thanks, Mike

Highlighted
Hi Mike,
Could you post your code? Meanwhile, you could try getbyid(<listguid>) instead of the list title in the REST query. It's a long shot... I always use Postman to test my queries, it's a Chrome app.
Highlighted

Hi @Maggan Wåhlin (I should buy you a beer for your help, already).

 

The complete code is this:
import * as React from 'react';
import styles from './ReactGetItems.module.scss';
import { IReactGetItemsProps } from './IReactGetItemsProps';
import { escape } from '@microsoft/sp-lodash-subset';
import * as jquery from 'jquery';

export interface IReactGetItemsState{  
  items:[  
        {  
          "RefinableString10": "",  
          "CreatedBy": "",  
          "Created":""  
  
        }]  
}  

export default class ReactGetItems extends React.Component<IReactGetItemsProps, IReactGetItemsState> {
      public constructor(props: IReactGetItemsProps, state: IReactGetItemsState){  
      super(props);  
      this.state = {  
        items: [  
          {  
            "RefinableString10": "",  
            "CreatedBy": "",  
            "Created":""  
         
          }  
        ]  
      };  
    }  

 

    public componentDidMount(){
      var reactHandler = this;
      jquery.ajax({
        url: "https://Blabla.sharepoint.com/sites/bla/_api/search/query?querytext='ContentType:Test_matters'&selectproperties='RefinableString10%2cCreatedBy%2cCreated'&rowlimit=500'",
        type: "GET",
        headers:{'Accept': 'application/json;  odata=verbose;'},                     
        success: function(resultData) {
 
        reactHandler.setState({
          items: resultData.PrimaryQueryResult.RelevantResults.Table.Rows
        });
       },
       error : function(jqXHR, textStatus, errorThrown) {
       }
       });
       }

       public render(): React.ReactElement<IReactGetItemsProps> {
        return (  
   
           <div className={styles.panelStyle} > 
             <br></br>
      
             <br></br> 
             <div className={styles.tableCaptionStyle} > Demo : Retrieve SharePoint List Items using SPFx , REST API  & React JS  </div>
             <br></br>
              <div className={styles.headerCaptionStyle} > Employee Details</div>
             <div className={styles.tableStyle} >   
               
               <div className={styles.headerStyle} >  
                 <div className={styles.CellStyle}>Employee Name</div>  
                 <div className={styles.CellStyle}>Employee Id </div>  
                 <div className={styles.CellStyle}>Experience</div>  

               </div>  
               
                 
                  {this.state.items.map(function(item,key){ 
                   
                   return (<div className={styles.rowStyle} key={key}>  
                       <div className={styles.CellStyle}>{item.RefinableString10}</div>  
                       <div className={styles.CellStyle}>{item.CreatedBy}</div>  
                        <div className={styles.CellStyle}>{item.Created}</div>
      
                     </div>);  
                 })}  
                       
             </div>  
           </div>  
   
   
       );  
     }  
     
   }
   
The line: "items: resultData.PrimaryQueryResult.RelevantResults.Table.Rows" is the problem.
My Json return is not formatted good enough to do the binding like this.
 
For example, if I need the value of "RefinableString10" I have to dig deep into the json to get it:
"resultData.d.query.PrimaryQueryResult.RelevantResults.Table.Rows.results[i].Cells.results[2].Value"
 
 
 
My query is fine. In debug I see the expected results in "resultData" 
All I did was change the query to get some other results.
Highlighted
I tried a similar query in Postman and now I see what you mean... To get a "clean" JSON, remove odata=verbose from the accept header. It will remove all the metadata you don't need :smiling_face_with_smiling_eyes:

https://blogs.office.com/en-us/2014/08/13/json-light-support-rest-sharepoint-api-released/?eu=true

Cheers :smiling_face_with_smiling_eyes:
Highlighted

So now I did this:

items: resultData.PrimaryQueryResult.RelevantResults.Table.Rows

No errors and I get the number of rows I expect but..... the rows are empty. 

 

<div className={styles.CellStyle}>{item.RefinableString10}</div>  

"item.RefinableString10" does not seem to have any value....

 

Highlighted
Do you get values för Created and Created by?
Highlighted

Nope.

Everything is empty

Highlighted
I am a bit confused... when you debug, do you get the data? If the data is empty after running the query, the query must be the problem. But if you get data from the query and you can't get react to keep state, that's another story...

I really recommend Postman to test REST queries. You will save tons of time! Use Postman Interceptor to authenticate against Sharepoint.

1. Download Postman: https://chrome.google.com/webstore/detail/postman/fhbjgbiflinjbdggehcddcbncdddomop.
2. Download Postman Interceptor:
https://chrome.google.com/webstore/detail/postman-interceptor/aicmkgpgakddgnaphhhpliifpcfhicfo.
3. Turn Interceptor on in the Postman top menubar.
4. Add the query and the Accept header.
5. Run the query.




Highlighted

Thanks again,

I'll dive into this today and will post my results. I hope I can clarify my issue.

 

 

Highlighted

I did some testing. The query (from my working example gives the following xml (in postman):

<?xml version="1.0" encoding="utf-8"?>
<feed xml:base="https://blabla.sharepoint.com/sites/bla/_api/" xmlns="http://www.w3.org/2005/Atom" xmlns:d="http://schemas.microsoft.com/ado/2007/08/dataservices" xmlns:m="http://schemas.microsoft.com/ado/2007/08/dataservices/metadata" xmlns:georss="http://www.georss.org/georss" xmlns:gml="http://www.opengis.net/gml">
    <id>98c9b15e-6fc6-4a6e-b44b-8b8fe0b7d210</id>
    <title />
    <updated>2017-10-23T07:48:54Z</updated>
    <entry m:etag="&quot;1&quot;">
        <id>a393667a-4c26-4832-bc85-9c26bf682b75</id>
        <category term="SP.Data.EmployeeListListItem" scheme="http://schemas.microsoft.com/ado/2007/08/dataservices/scheme" />
        <link rel="edit" href="Web/Lists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')/Items(1)" />
        <link rel="http://schemas.microsoft.com/ado/2007/08/dataservices/related/FirstUniqueAncestorSecurableObject" type="application/atom+xml;type=entry" title="FirstUniqueAncestorSecurableObject" href="Web/Lists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')/Items(1)/FirstUniqueAncestorSecurableObject" />
        <link rel="http://schemas.microsoft.com/ado/2007/08/dataservices/related/RoleAssignments" type="application/atom+xml;type=feed" title="RoleAssignments" href="Web/Lists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')/Items(1)/RoleAssignments" />
        <link rel="http://schemas.microsoft.com/ado/2007/08/dataservices/related/Activities" type="application/atom+xml;type=feed" title="Activities" href="Web/Lists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')/Items(1)/Activities" />
        <link rel="http://schemas.microsoft.com/ado/2007/08/dataservices/related/AttachmentFiles" type="application/atom+xml;type=feed" title="AttachmentFiles" href="Web/Lists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')/Items(1)/AttachmentFiles" />
        <link rel="http://schemas.microsoft.com/ado/2007/08/dataservices/related/ContentType" type="application/atom+xml;type=entry" title="ContentType" href="Web/Lists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')/Items(1)/ContentType" />
        <link rel="http://schemas.microsoft.com/ado/2007/08/dataservices/related/GetDlpPolicyTip" type="application/atom+xml;type=entry" title="GetDlpPolicyTip" href="Web/Lists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')/Items(1)/GetDlpPolicyTip" />
        <link rel="http://schemas.microsoft.com/ado/2007/08/dataservices/related/FieldValuesAsHtml" type="application/atom+xml;type=entry" title="FieldValuesAsHtml" href="Web/Lists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')/Items(1)/FieldValuesAsHtml" />
        <link rel="http://schemas.microsoft.com/ado/2007/08/dataservices/related/FieldValuesAsText" type="application/atom+xml;type=entry" title="FieldValuesAsText" href="Web/Lists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')/Items(1)/FieldValuesAsText" />
        <link rel="http://schemas.microsoft.com/ado/2007/08/dataservices/related/FieldValuesForEdit" type="application/atom+xml;type=entry" title="FieldValuesForEdit" href="Web/Lists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')/Items(1)/FieldValuesForEdit" />
        <link rel="http://schemas.microsoft.com/ado/2007/08/dataservices/related/File" type="application/atom+xml;type=entry" title="File" href="Web/Lists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')/Items(1)/File" />
        <link rel="http://schemas.microsoft.com/ado/2007/08/dataservices/related/Folder" type="application/atom+xml;type=entry" title="Folder" href="Web/Lists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')/Items(1)/Folder" />
        <link rel="http://schemas.microsoft.com/ado/2007/08/dataservices/related/ParentList" type="application/atom+xml;type=entry" title="ParentList" href="Web/Lists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')/Items(1)/ParentList" />
        <link rel="http://schemas.microsoft.com/ado/2007/08/dataservices/related/Properties" type="application/atom+xml;type=entry" title="Properties" href="Web/Lists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')/Items(1)/Properties" />
        <link rel="http://schemas.microsoft.com/ado/2007/08/dataservices/related/Versions" type="application/atom+xml;type=feed" title="Versions" href="Web/Lists(guid'5437d1aa-85cd-4c1c-973c-135d5ecf3952')/Items(1)/Versions" />
        <title />
        <updated>2017-10-23T07:48:54Z</updated>
        <author>
            <name />
        </author>
etc......

When I change the output to json I get:

Unexpected '<'

However, this json error does not seem to matter because the application is returning the expected results.

 

When I run MY query in postman I get:

<?xml version="1.0" encoding="utf-8"?>
<d:query xmlns:d="http://schemas.microsoft.com/ado/2007/08/dataservices" xmlns:m="http://schemas.microsoft.com/ado/2007/08/dataservices/metadata" xmlns:georss="http://www.georss.org/georss" xmlns:gml="http://www.opengis.net/gml" m:type="Microsoft.Office.Server.Search.REST.SearchResult">
    <d:ElapsedTime m:type="Edm.Int32">270</d:ElapsedTime>
    <d:PrimaryQueryResult m:type="Microsoft.Office.Server.Search.REST.QueryResult">
        <d:CustomResults m:type="Collection(Microsoft.Office.Server.Search.REST.CustomResult)" />
        <d:QueryId>d683c430-ba34-4db3-bd8c-c70feca21de5</d:QueryId>
        <d:QueryRuleId m:type="Edm.Guid">00000000-0000-0000-0000-000000000000</d:QueryRuleId>
        <d:RefinementResults m:null="true" />
        <d:RelevantResults m:type="Microsoft.Office.Server.Search.REST.RelevantResults">
            <d:GroupTemplateId m:null="true" />
            <d:ItemTemplateId m:null="true" />
            <d:Properties m:type="Collection(SP.KeyValue)">
                <d:element>
                    <d:Key>GenerationId</d:Key>
                    <d:Value>9223372036854775806</d:Value>
                    <d:ValueType>Edm.Int64</d:ValueType>
                </d:element>
                <d:element>
                    <d:Key>indexSystem</d:Key>
                    <d:Value></d:Value>
                    <d:ValueType>Edm.String</d:ValueType>
                </d:element>
                <d:element>
                    <d:Key>ExecutionTimeMs</d:Key>
                    <d:Value>47</d:Value>
                    <d:ValueType>Edm.Int32</d:ValueType>
                </d:element>
                <d:element>
                    <d:Key>QueryModification</d:Key>
                    <d:Value>ContentType:ILSS_matters -ContentClass=urn:content-class:SPSPeople</d:Value>
                    <d:ValueType>Edm.String</d:ValueType>
                </d:element>
                <d:element>
                    <d:Key>RenderTemplateId</d:Key>
                    <d:Value>~sitecollection/_catalogs/masterpage/Display Templates/Search/Group_Default.js</d:Value>
                    <d:ValueType>Edm.String</d:ValueType>
                </d:element>
                <d:element>
                    <d:Key>StartRecord</d:Key>
                    <d:Value>0</d:Value>
                    <d:ValueType>Edm.Int32</d:ValueType>
                </d:element>
                <d:element>
                    <d:Key>IsLastBlockInSubstrate</d:Key>
                    <d:Value>true</d:Value>
                    <d:ValueType>Edm.Boolean</d:ValueType>
                </d:element>
                <d:element>
                    <d:Key>IsFirstBlockInSubstrate</d:Key>
                    <d:Value>false</d:Value>
                    <d:ValueType>Edm.Boolean</d:ValueType>
                </d:element>
                <d:element>
                    <d:Key>IsFirstPinnedResultBlock</d:Key>
                    <d:Value>false</d:Value>
                    <d:ValueType>Edm.Boolean</d:ValueType>
                </d:element>
                <d:element>
                    <d:Key>IsLastPinnedResultBlock</d:Key>
                    <d:Value>false</d:Value>
                    <d:ValueType>Edm.Boolean</d:ValueType>
                </d:element>
                <d:element>
                    <d:Key>IsFirstRankedResultBlock</d:Key>
                    <d:Value>true</d:Value>
                    <d:ValueType>Edm.Boolean</d:ValueType>
                </d:element>
                <d:element>
                    <d:Key>IsLastRankedResultBlock</d:Key>
                    <d:Value>true</d:Value>
                    <d:ValueType>Edm.Boolean</d:ValueType>
                </d:element>
            </d:Properties>
            <d:ResultTitle m:null="true" />
            <d:ResultTitleUrl m:null="true" />
            <d:RowCount m:type="Edm.Int32">63</d:RowCount>
            <d:Table m:type="SP.SimpleDataTable">
                <d:Rows>
                    <d:element m:type="SP.SimpleDataRow">
                        <d:Cells>
                            <d:element m:type="SP.KeyValue">
                                <d:Key>Rank</d:Key>
                                <d:Value>16.2882633209229</d:Value>
                                <d:ValueType>Edm.Double</d:ValueType>
                            </d:element>
                            <d:element m:type="SP.KeyValue">
                                <d:Key>DocId</d:Key>
                                <d:Value>458931375</d:Value>
                                <d:ValueType>Edm.Int64</d:ValueType>
                            </d:element>
                            <d:element m:type="SP.KeyValue">
                                <d:Key>RefinableString10</d:Key>
                                <d:Value>42914 Research and Conservation Project</d:Value>
                                <d:ValueType>Edm.String</d:ValueType>
                            </d:element>
Etc....

When I change the output to json I also get:

 

Unexpected '<'

So my query returns the expected results but the format is different. I guess that is why the mapping is not working but I don't have a clue how to solve this.

 

When checking the json I notice that the type of the results is [object(Array)] and in my working example it is "[[object Object].object Object]]"

 

I hope this explains my problem a bit more.

Highlighted

I think, I'm getting closer.

My object is like this:

export interface IReactGetItemsState{  
  items:[  
        {  
          "RefinableString10": "",  
          "CreatedBy": "",  
          "Created":""  
  
        }]  
}  

I map it to my returned json like this:

  reactHandler.setState({
          items: resultData.PrimaryQueryResult.RelevantResults.Table.Rows
        });

To retrieve the values I do:

{this.state.items.map(function(item,key){ 
                   
                   return (<div className={styles.rowStyle} key={key}>  
                       <div className={styles.CellStyle}>{item.RefinableString10}</div>  
                       <div className={styles.CellStyle}>{item.CreatedBy}</div>  
                        <div className={styles.CellStyle}>{item.Created}</div>

This is not working because the values are "deeper" away in the object. What I would like to do is this:

 

{this.state.items.map(function(item,key){ 
                   
                   return (<div className={styles.rowStyle} key={key}>  
                       <div className={styles.CellStyle}>{item.Cells[2].value}</div>  
                       <div className={styles.CellStyle}>{item.Cells[3].value}</div>  
                        <div className={styles.CellStyle}>{item.Cells[4].value}</div>

I'm not allowed to do that because "Cells does not exist on type....."

I think I must define my object in another way or something. 

 

 

Highlighted

Hi,

 

Look at my example data below. If you run the query with header Accept: application/json, you get a different structure. You should then be able to get the Cells directly from the item. 

 

A question, do you need the Rows? You could map your items directly to the Cells.

 

 reactHandler.setState({
          items: resultData.PrimaryQueryResult.RelevantResults.Table.Rows.Cells
        });

 

 

 

 

data.PNG

 

 

 

 

 

Highlighted

Hi @Maggan Wåhlin

 

No, I do not need the rows. So I did:

 reactHandler.setState({
          items: resultData.PrimaryQueryResult.RelevantResults.Table.Rows.Cells
        });

But that gives me the error: "Unable to get property 'map' of undefined or null reference"

 

This is my Json:

Capture.PNG

 

Is there something wrong here?

export interface IReactGetItemsState{  
  items:[  
        {  
          "RefinableString10": "",  
          "CreatedBy": "",  
          "Created":""  
  
        }]  
}  

export default class ReactGetItems extends React.Component<IReactGetItemsProps, IReactGetItemsState> {
      public constructor(props: IReactGetItemsProps, state: IReactGetItemsState){  
      super(props);  
      this.state = {  
        items: [  
          {  
            "RefinableString10": "",  
            "CreatedBy": "",  
            "Created":""  
         
          }  
        ]  
      };  
    }  
Highlighted

Make sure that you have the data in this.state before you try to render it. This is how I get the data (not using ajax):

 

private loadDocuments(): Promise<any> {
    var url = "your rest url";
    return this.props.spHttpClient.get(url, SPHttpClient.configurations.v1).then((response: SPHttpClientResponse) => {
      if (response.ok) {
        return response.json();
      } else {
        console.log("WARNING - failed to hit URL " + url + ". Error = " + response.statusText);
        return null;
      }
    });
  }

 

componentDidMount() {
         this.loadDocuments().then((response) => {
         this.setState({
          items: response.value
        });
      });
    }
  }

 

Highlighted

I rebuild my application using your example.

I think I make a small error in the URL:

      var url = "https://Bla.sharepoint.com/sites/bla/_api/search/query?querytext='ContentType:TEST_matters'&selectproperties='RefinableString10%2cCreatedBy%2cCreated'&rowlimit=500'";

I receive an error which tells me the query is wrong.