@madvas: it works for you? can you show me the code with the full react lifecycle using i.E. :component-did-mount and renders more material ui components inside? much appreciated, thanks

Hi, I have a problem with html encoding

this text: encoded <script>alert(1);<script> is rendered fine by react https://jsfiddle.net/pufhzme5/

but not by reagent http://cljsfiddle.com/#gist=1d66d8b98e0d0f5c09b7c1d8eec5d97e

@danbunea: this should work. [:h1 "encoded <script>alert(1)<script>”]

you don’t need to escape the text for reagent

The thing is @rohit that I load the values escaped from the database, in that form: encoded <script>alert(1);<script>

someone else already escaped it

I just need to display it on the screen

but unescaped

@danbunea: you can use the dangerouslySetInnerHTML hack. See this: https://github.com/reagent-project/reagent/issues/14

More discussion about it here: https://facebook.github.io/react/docs/jsx-gotchas.html

I know dangerouslySetInnerHtml

I used it in react, but it has a lot of disadvantages

maybe in reagent works better

I just need to display it on the screen

not run it as html

so on the screen it should be: encoded <script>alert(1)<script>

@danbunea: this works for me: [:h1 {:dangerouslySetInnerHTML {:__html "encoded <script>alert(1);<script>"}}]

The (prn 'new new-props) just prints 'new nil

@martinklepsch: just a guess, have you tried, (reagent/children comp)

how are you calling selection-tether

[selection-tether :a :b]

@rohit: children indeed returns what I'd expect

@martinklepsch: to me it makes sense that the props are nil. i don’t see any being passed. children should be [:a :b].

@rohit: I'm confused, how would I pass it correctly?

@martinklepsch: i think props have to be passed when you are calling the selection-tether. also it has to be a map. so something like [selection-tether {…} :a :b].

you may have to restructure things around

also I think you’ll have to store the previous/current data in an atom itself. i’m not sure how to use React to get the previous value

did update gets prevProps & prevState so should be ok without an extra atom

void componentDidUpdate(
  object prevProps, object prevState
)

@martinklepsch: oh nice. i didn’t realise that.

Curious if anyone can address this question: I asked it in the #C06DT2YSY channel, and the answer was fairly unsatisfactory: Can components built from Reagent be used in a React JS project?

It presupposes other problems like including a compiled Clojurescript library in a JS project, but assuming that’s worked out, could a React component render the results of a Reagent component?

@kendall.buchanan: yes, although i have never tried it myself - https://github.com/reagent-project/reagent/blob/master/src/reagent/core.cljs#L56

Sweet! Thank you, @mccraigmccraig.

@michael.heuberger: Take a look here https://gist.github.com/madvas/5db418a60025d74acd1aa17339bdb894