react-body-classname

[![NPM version][npm-image]][npm-url]
[![Downloads][downloads-image]][npm-url]
[![Dependency status][david-dm-image]][david-dm-url]

Provides a declarative way to specify document.body.className in your react app. Supports server-side usage too.

Built with React Side Effect.

---

Install

``yarn add react-body-classname`

Dependencies: React >= 0.13.0

`What it looks like`

`jsx import BodyClassName from 'react-body-classname';

const Basic = () => (

`You ate a whole wheel of cheese?`


  
);
// -> document.body.className === "helloworld"
const Nested = () => (
  
    

      
        I‘m not even mad

      
    

  
);
// -> document.body.className === "outside inside"
const GoCrazy = () => (
  
    
I'm impressed

  
);
// -> document.body.className === "NaNNaNNaNNaNNaNNaNNaN batman!"


Note: Only supports a single child as props.
Server Usage

When using server-side, use BodyClassName.rewind() _after rendering components to string_ to retrieve the combined class name. Then chuck that into your HTML template.

Important: This component keeps track of mounted instances, so if you don't call BodyClassName.rewind()` you'll get a memory leak.

[npm-url]: https://npmjs.org/package/react-body-classname
[downloads-image]: http://img.shields.io/npm/dm/react-body-classname.svg
[npm-image]: http://img.shields.io/npm/v/react-body-classname.svg
[david-dm-url]:https://david-dm.org/iest/react-body-classname
[david-dm-image]:https://david-dm.org/iest/react-body-classname.svg