support for optional tagName for components -> FormattedDate, Formatt…

[rsamec]

support for optional tagName for components instead of hardcoded span element.

It solves the issue

[endragor]

Specify 'span' as a default value.

[ericf]

Just leaving a note here that tagName was added to really only help edge cases like SVG, and if additional styling is desired, a developer should wrap the React Intl components.

[gpbl]

@ericf maybe a warning when using tagName with values other than tspan or span?

[elCarda]

@ericf Please release it as a minor version? Or any release in roadmap soon?

[ericf]

Trying to determine if component is better than tagName and will help us support React Native as well…

Also, in the v2-dev branch all of the components now support the function-as-child pattern which helps to mitigate this.

[SimenB]

Chiming in months later with a request to change it to component as noted above. That more closely mirrors React's own ReactCSSTransitionGroup

https://facebook.github.io/react/docs/animation.html#rendering-a-different-component

For all I know 2.0.0 API is frozen though 😄

[ericf]

@SimenB What's your use case? I won't be adding support for passing various props to the underlying component that's rendered; if you need to customize rendering in that way you can pass a function as the child.

[SimenB]

No use case (we already wrap the intl-components), this suggestion was just to rename your prop tagName to component like you suggested above, for the sake of consistency with React itself

[ericf]

What do you use tagName/component for? To you ever assign a value to it?

[SimenB]

We don't use it (or, we did, until I watched "Dom as second-class citizen"). My comment was just on the fact that you named your prop something other than React did, which makes it a bit less intuitive (even though I know its use is discouraged).

[SimenB]

Of course, transition group is a container and requires children which intl does not, so it's not the exact same thing

[ericf]

The driving force for me to support this is rendering in React Native and SVGs which don't have <span>.