React Component Implementing the Linkedin Javascript SDK

linkedinLogin.jsx

var React = require('react');

var LinkedinLogin = React.createClass({

    componentDidMount: function() {
        var liRoot = document.createElement('div');
        liRoot.id = 'linkedin-root';

        document.body.appendChild(liRoot);

        (function(d, s, id) {
            const element = d.getElementsByTagName(s)[0];
            const ljs = element;
            var js = element;
            if (d.getElementById(id)) {
                return; }
            js = d.createElement(s);
            js.id = id;
            js.src = '//platform.linkedin.com/in.js';
            js.text = 'api_key: [YOUR_API_KEY]';
            ljs.parentNode.insertBefore(js, ljs);
        }(document, 'script', 'linkedin-sdk'));
    },

    callbackFunction: function() {
        IN.API.Profile("me").result(function(r) {
            console.log(r);
        });
    },

    handleClick: function(e) {
        e.preventDefault();
        IN.User.authorize(this.callbackFunction, '');
    },

    render: function() {
        return ( 
            < div >
            < button onClick = { this.handleClick }
            className = { "button social " + this.props.name.toLowerCase() + " " + this.props.visibility } > { this.props.text } < i className = { "fi-social-" + this.props.name.toLowerCase() }
            /></button >
            < /div>
        );
    }
});

module.exports = LinkedinLogin;

Awesome!!!.

Hello, I get IN is not defined when I try to build my app

@greeddiscient - Try changing it to window.IN

Also, don't forget to remove the brackets around [YOUR_API_KEY], and make sure to pass in the props: name, visibility, and text

Thank you for sharing it with us.

Is there anything I need to import or, add to make it work?

Thanks for sharing. Struggled for 2 days :(

How to get the access token using this?