SOLVED

Taxonomy Picker for SPFX?

%3CLINGO-SUB%20id%3D%22lingo-sub-41312%22%20slang%3D%22en-US%22%3ETaxonomy%20Picker%20for%20SPFX%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-41312%22%20slang%3D%22en-US%22%3E%3CP%3EI%20was%20looking%20for%20a%20full%20featured%20Taxonomy%20picker%20like%20the%20one%20on%20the%20moder%20experience%20on%20SP...%20There%20is%20something%20I%20can%20use%2C%20that%20integrates%20well%20with%20react%3F%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-53264%22%20slang%3D%22en-US%22%3ERe%3A%20Taxonomy%20Picker%20for%20SPFX%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-53264%22%20slang%3D%22en-US%22%3ERecently%20released!%20(from%20a%20friend%20of%20mine)%2C%20and%20looks%20really%20awesome%20(there's%20also%20a%20PR%20to%20the%20PnP%2C%20so%20I%20think%20will%20be%20merged%20in%20the%20April%20release)%3CBR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Fjquintozamora%2Fspfx-react-taxonomypicker%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2Fjquintozamora%2Fspfx-react-taxonomypicker%3C%2FA%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-48525%22%20slang%3D%22en-US%22%3ERe%3A%20Taxonomy%20Picker%20for%20SPFX%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-48525%22%20slang%3D%22en-US%22%3Ethen%20I'm%20afraid%20there's%20nothing%20yet%20(I%20haven't%20found%20it%20either).%20It'd%20be%20great%20if%20the%20Office%20Fabric%20UI%20team%20provide%20a%20Taxonomy%20picker%20react%20control%20%3A)%3C%2Fimg%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-48524%22%20slang%3D%22en-US%22%3ERe%3A%20Taxonomy%20Picker%20for%20SPFX%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-48524%22%20slang%3D%22en-US%22%3E%3CP%3EAnd%20when%20I%20said%20%22react%20picker%22%20I'm%20refering%20to%20the%20OfficeUIFabricReact%20component%20(%3CA%20href%3D%22http%3A%2F%2Fdev.office.com%2Ffabric%23%2Fcomponents%2Fpickers%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttp%3A%2F%2Fdev.office.com%2Ffabric%23%2Fcomponents%2Fpickers%3C%2FA%3E)%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-48523%22%20slang%3D%22en-US%22%3ERe%3A%20Taxonomy%20Picker%20for%20SPFX%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-48523%22%20slang%3D%22en-US%22%3E%3CP%3ESorry%20for%20not%20being%20clear%2C%2C%2C%20No%20worries.%20yeah%20%22ReactJS%22%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-48520%22%20slang%3D%22en-US%22%3ERe%3A%20Taxonomy%20Picker%20for%20SPFX%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-48520%22%20slang%3D%22en-US%22%3Ejust%20to%20confirm%2C%20and%20sorry%20if%20I%20ask%20something%20stupid%2C%20but%2C%20by%20%22react%22%20you%20mean%20ReactJS%20right%3F%20or%20you%20just%20mean%20the%20%22type%20ahead%22%20functionality%3F%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-48518%22%20slang%3D%22en-US%22%3ERe%3A%20Taxonomy%20Picker%20for%20SPFX%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-48518%22%20slang%3D%22en-US%22%3E%3CP%3EThanks%20for%20pointing%20me%20that%20direction.%20But%20I%20was%20looking%20for%20something%20different%2C%20Like%20the%20one%20already%20provided%20on%20the%20lists%20new%20experiece.%20that%20seems%20like%20a%20combination%20between%20the%20react%20picker%20and%20the%20old%20taxonomy%20picker%20modal...%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%20718px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F11196i97E5E42FB069E83F%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22TaxField.png%22%20title%3D%22TaxField.png%22%20%2F%3E%3C%2FSPAN%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F11197i6F31C583D8C4004E%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22TaxLookup.png%22%20title%3D%22TaxLookup.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-41596%22%20slang%3D%22en-US%22%3ERe%3A%20Taxonomy%20Picker%20for%20SPFX%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-41596%22%20slang%3D%22en-US%22%3ENo%20samples%20yet%20with%20React%2C%20but%20that%20one%20(Likely%20you%20already%20know%20this)%20is%20a%20Taxonomy%20picker%20with%20knockout%2C%20and%20shouldn't%20be%20too%20hard%20to%20move%20to%20React%3A%3CBR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FSharePoint%2Fsp-dev-fx-webparts%2Ftree%2Fmaster%2Fsamples%2Fknockout-taxonomy%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2FSharePoint%2Fsp-dev-fx-webparts%2Ftree%2Fmaster%2Fsamples%2Fknockout-taxonomy%3C%2FA%3E%3C%2FLINGO-BODY%3E
Occasional Contributor

I was looking for a full featured Taxonomy picker like the one on the moder experience on SP... There is something I can use, that integrates well with react?

 

 

7 Replies
No samples yet with React, but that one (Likely you already know this) is a Taxonomy picker with knockout, and shouldn't be too hard to move to React:
https://github.com/SharePoint/sp-dev-fx-webparts/tree/master/samples/knockout-taxonomy

Thanks for pointing me that direction. But I was looking for something different, Like the one already provided on the lists new experiece. that seems like a combination between the react picker and the old taxonomy picker modal...

 

TaxField.pngTaxLookup.png

just to confirm, and sorry if I ask something stupid, but, by "react" you mean ReactJS right? or you just mean the "type ahead" functionality?

Sorry for not being clear,,, No worries. yeah "ReactJS"

And when I said "react picker" I'm refering to the OfficeUIFabricReact component (http://dev.office.com/fabric#/components/pickers)

best response confirmed by Raul Garita (Occasional Contributor)
Solution
then I'm afraid there's nothing yet (I haven't found it either). It'd be great if the Office Fabric UI team provide a Taxonomy picker react control :)
Recently released! (from a friend of mine), and looks really awesome (there's also a PR to the PnP, so I think will be merged in the April release)
https://github.com/jquintozamora/spfx-react-taxonomypicker