# react-print React Components for making print CSS templates cleaner and easier to manage # Installation ```javascript npm install react-print ``` # Usage Create your own markup structure in explicitly named components (e.g., InvoicePrint). You can nest child components within these as well. If you already have all the data you need in a store, grab it in componentDidMount(). If you need to get different or extra data, make a call to the server and pass it in as props or as part of componentDidMount(). # Example ```html
``` ```javascript var React = require('react'); var ReactDOM = require('react-dom'); var PrintTemplate = require ('react-print'); class MyTemplate extends React.Component { render() { return (Write all of your "HTML" (really JSX) that you want to show on print, in here
If you need to show different data, you could grab that data via AJAX on componentWill/DidMount or pass it in as props
The CSS will hide the original content and show what is in your Print Template.