react-example.js

var React = require("react");

var ContentItemComponent = React.createClass({

    getInitialState: function() {
        return {
            contentItemId: "YOUR_CONTENT_ITEM_ID"
        };
    },

    componentDidMount: function() {
        this.initRelatedContentModule();
    },

    initRelatedContentModule: function() {
        Bibblio.initRelatedContent({
            targetElementId: 'my-bibblio-container',
            recommendationKey: "YOUR_RECOMMENDATION_KEY",
            contentItemId: this.state.contentItemId
            // customUniqueIdentifier: getParameterByName('customUniqueIdentifier'), // Required if no contentItemId is provided. Also required if autoIngestion is enabled.
            // autoIngestion: true, // Requires a customUniqueIdentifier. Default: false.
            // catalogueIds: ["a8365ab1-00f9-38f8-af51-4d0ff527856f"], // Default: same as content item.
            // userId: "42", // Default: nil.
            // queryStringParams: { "utm_source" : "BibblioRCM" }, // Appends 'utm_source=BibblioRCM' to recommended urls
            // subtitleField: 'provider.name'  // Default: headline. passing a value of false will disable the subtitle   completely
            // styleClasses: "bib--grd-4 bib--wide" // Default: 'bib--box-6 bib--wide'
        });
    },

    render: function() {
        return (
            <div>
                <h1>Related Content</h1>
                <div id="my-bibblio-container">
                </div>
            </div>
        );
    }
});

module.exports = ContentItemComponent;