react-http-status

konnektid-react-status

Set the HTTP status code from inside react components

Install

npm install --save konnektid/konnektid-react-status

Client usage

import React from "react";
import StatusCode from "konnektid-react-status";
 
// render your component
const MyComponent = () => (
    <StatusCode code={404}>
        <div>
            <p>Sorry, page was not found</p>
        </div>
    </StatusCode>   
);
 

Server usage

import React from "react";
import { renderToString } from "react-dom/server";
import StatusCode from "konnektid-react-status";
 
// express middleware
const renderPage = (req, res, next) => {
 
    const html = renderToString(
        React.createElement(MyRootComponent, props)
    );
 
    // call this AFTER rendering to string!
    const status = StatusCode.rewind();
 
    // send the status if one was defined
    if (status) res.status(status);
 
    res.send(html);
};