Use it for variable composition function.

I saw this: #64

but I think we miss something like this:

render() {
  const style = "some css class" + responsive((matches) => return matches ? "mobile" : "desktop");
}

Is there a way?

I tried with https://github.com/contra/react-responsive#rendering-with-a-child-function but it forces me to use if else and repeat the code.

[yocontra]

Not quite sure what you're trying to achieve - if you want to get the match value in a render function you would wrap that component in react-responsive. You can also use the onChange handler to store the value of matches in the component state, and use that to control the class (or anything else).

Maybe some example more in Docs is great.

[yocontra]

Not something we can really document, nesting components is a react thing. This is what you should do:

<MediaQuery query="whatever">
  {(matches) => <YourComponent desktop={matches} />}
</MediaQuery>

And YourComponent has a render() like this:

render() {
  const style = 'some css class ' + this.props.desktop ? 'desktop' : 'mobile';
}

If that doesn't work for your case then you should use the matchMedia API directly. If you need any more help you should check https://stackoverflow.com/

Closing since this is a request for general help, not a bug.