Add React attribute: dangerouslySetInnerHTML about scalajs-react HOT 9 CLOSED

Hi Chandra. That's not "the React way". React needs to be created using its virtual dom, not text or using setinnerhtml. I strongly suggest you work within those constraints. If for whatever reason you really really want to do this anyway, try asking in the React mailing list. Good luck.

from scalajs-react.

I am reading some blog posts from tumblr API ,they are html , in my app i am trying to render them inside react component. In JSX gotchas i found this line to render html
http://facebook.github.io/react/docs/jsx-gotchas.html

<div dangerouslySetInnerHTML={{__html: 'First &middot; Second'}} />

how can i achieve in scala-js react ?

or is there any other way i can make this workout ..

Thank You
Chandra

from scalajs-react.

Oh so dangerouslySetInnerHTML is React attribute? I didn't know that. In that can you can create attributes as you need them.

It should be something like this:

val dangerouslySetInnerHTML = "dangerouslySetInnerHTML".attr
...
div(dangerouslySetInnerHTML := "blah blah blah")

from scalajs-react.

reacts dangerouslySetInnerHTML attribute accepts jsObject with key __html and value string
in scala i am trying like this

val dangerouslySetInnerHTML = "dangerouslySetInnerHTML".attr
val htmlObj = js.Dynamic.literal("__html"" -> text)
div(dangerouslySetInnerHTML := htmlObj )

but scalatags attribute doesn't accept js.Object :(

from scalajs-react.

Usage: div(dangerouslySetInnerHtml("<span>"))

from scalajs-react.

thank you , is artifact published ?
from ivy cache i removed reactjs

rm -rf com.github.japgolly.*

refreshed sbt ,but still i don't see this attribute ?

from scalajs-react.

No I haven't published yet. You can run sbt publishLocal to use 0.5.2-SNAPSHOT until 0.5.2 final is published.

from scalajs-react.

I tried to do:

<.pre(^.dangerouslySetInnerHTML := ???)

But got:

[error] .../LogsPage.scala:31: value dangerouslySetInnerHTML is not a member of object japgolly.scalajs.react.vdom.HtmlAttrAndStyles
[error]             ^.dangerouslySetInnerHTML := ???,

But the thing is that I can see the definition of dangerouslySetInnerHTML.
Do you know what's wrong here?

from scalajs-react.

Alright it's not dangerouslySetInnerHTML but dangerouslySetInnerHtml

from scalajs-react.