custom component 'wrappers'

[formatjs]

custom component 'wrappers'

[caridy]

can you explain more what the use-case is? why do you want to use a custom component implemented by yourself for the wrapper element?

[athibaud]

well, in the same way that <p> or <h*> tags have default styling and behaviour in browsers, you could want your own component which come with its own styles and event handlers..

the fact that you already let the user chose which html tag will wrap the react-intl component i thought it could be easily extended to having custom components wrap react-intl components.

we've gone the full css in js way and it seems like more people are going that direction.
so here is our use case: we have a Text component that we use for most of our text blocks which has default styling like line-height and ::selection etc. that component merges the style prop its passed with its internal default style.

so we'd like to be able to do something like this:

<ReactIntl.FormattedMessage
  message="hello {maintainer}"
  component={require('components/Text')}
  maintainer="caridy"
  style={{ color: blue }}
/>

rather than:

var Text = require('components/Text');
<Text
  style={{ color: blue }}>
  <ReactIntl.FormattedMessage
     message="hello {maintainer}"
     maintainer="caridy"
  />
</Text>

and have an 'extra' span in my dom tree...

[athibaud]

closing this one because as i mention here it has deeper implications than i thought. namely if the wrapper component needs specific props it would complicate the current implementation.

i'm convinced there is little use for this now. friday evening issue. bad idea :)