hi does anyone know how I can specify a custom property for a reagent component? I have a [:input and I want to set a .autocomplete property on it. Whatever I do, it is set as a string "[object Object]”. What am I missing ?

@shriphani: [:input {:autocomplete true}]?

@slotkenov: no more like:

[:input {:autocomplete {:source list-name}}]

I’ve tried several variants: putting that dict in clj->js, #js etc.

its translated to html, you can’t set a js object as value for an html attribute

or maybe like <input autocomplete=“javascript: {source: [1, 2, 3]}”>?

[:input #js {:autocomplete #js {:source list-name}}]

@cjmurphy: I have a bunch of other keys like :on-change on my [:input as well

that’s what my :input looks like

See this SO question http://stackoverflow.com/questions/34439916/syntax-for-giving-a-button-a-particular-width for why you have to put #js before every hash-map. Also in troublesome spots clj->js is just easier.

Actually I don't even know if you need to do that sort of thing (`clj->js`) with hiccup. I am probably not helping.

@cjmurphy: no need for #js with reagent

@shriphani: is it just your :autocomplete attr which isn't rendering ? i.e. are your :on-change handlers being called correctly etc

@mccraigmccraig: yup

everything else is a peach

if I make an attr :autocomplete I get a warning suggesting I am looking for :autoComplete

both attrs have the wrong key.

I mean wrong val

@shriphani: hmm my next guess was react didn't support 'autoComplete' attr, react docs say it is supported http://facebook.github.io/react/docs/tags-and-attributes.html so i dunno

ah I see wow that is why

so I was trying to use autocomplete to get jquery’s typeahead working

but I guess react only emits a string.

which brings me back to the first question - how do I make this thing work ...

i thought autoComplete attr value was an "on" or "off" string ? what are you wanting it to be ?

jquery’s typeahead wants it to be a list

of potential entries...

ah I guess I can use component-did-mount.

it is 2:00am, I’ll fight that battle tomorrow. Thanks for the help @mccraigmccraig and others .

Hi folks - I’m using re-com on a project and we’re going to need a something like DataTables (https://datatables.net/) What are people using to do this in reagent / re-com?

https://facebook.github.io/fixed-data-table/ and http://adazzle.github.io/react-data-grid/ are two React-compatible choices that come to mind. Haven't used either of those though, so can't comment how nice they are (or not) in practice.

thanks @jaen - I’ll check them out…