jsx macro not performing string interpolation for attributes ? about haxe-react

[zabojad]

Sorry for mis-posting this issue. I just remembered the README note:

Known limitations:

you can't include double quotes in an expression assigned to an attribute. Eg. <div className=${state.selected?"selected":""}>

[elsassph]

The problem here is different from the limitation the readme indicates.

You are trying to use Haxe string interpolation inside an attribute value, while in a jsx expression, Haxe string interpolation is really an alternative to React's regular {} syntax, and you can't use those inside an attribute value:
http://stackoverflow.com/questions/21668025/react-jsx-access-props-in-quotes

[zabojad]

It seems to me to be an odd limitation but OK, thanks for the explanation...

I'm just starting to use React on a little poc so I might report one or two issues that are actually not haxe-react issues. I apologise in advance ^^...

[elsassph]

Yes this follows React, but your right maybe we could eventually be smarter and support string interpolation in attributes... Maybe when we'll improve our parser.

[zabojad]

I guess that was not supposed to be addressed by the #20 as this is still not possible using this branch...

[zabojad]

Perhaps it would be easy to support just haxe string interpolation first (with $). It would be a plus to do JSX with haxe vs without haxe... Or is it a bad idea to make this step out from the JSX specifications ?

[elsassph]

Yeah I need check if we can still use Haxe string interpolation after the transformation...

[elsassph]

May be confusing ultimately.

[elsassph]

Note, this works: return jsx('<li id=${'item-${entry.id}'}/>');