react-body
React component that conditionally adds CSS class name(s) to document.body
🔥 Want to strengthen your core JavaScript skills and master ES6 and React?
I would personally recommend this awesome ES6
and React courses by Wes Bos.
How to Install
$ npm install react-body --save
How to Use
<ReactBody =<> if=<CONDITION> />
..where <CSS-CLASS-NAME>
is the CSS class name(s) that must be appended to
document.body
when component is rendered and <CONDITION>
is a true
(defualt) or false
flag indicating if document.body should actually be
altered.
For example:
;; Component static defaultProps = inverted: false ; static propTypes = inverted: ReactPropTypesboolisRequired ; { return <div> <ReactBody className="inverted" if=thispropsinverted /> <h1>Hello world!</h1> </div> ; } ;
License
The MIT License © 2016-present Konstantin Tarkus (@koistya). All rights reserved.