Assigning value to global variable in ReactJs ES5

Question

I'm new to Reactjs and I'm developing a simple application using React and SocketIO. I'm trying to declare a global variable and assign {data.name} value to it (code shown below).

socket.on('loginSuccess', function (data) {
if (data.type == 'teacher') {
    ReactDOM.render(
        <div><TeacherLayout userName={data.name}/></div>,
        document.getElementById('root')
    );
} else {
    ReactDOM.render(
        <div><StudentLayout userName={data.name}/></div>,
        document.getElementById('root')
    );
}
reactCookie.save('sid', data.id);
});

I want to pass the global variable to userName of the code shown below,

socket.on('sessionstart', function (data) {
    ReactDOM.render(
        <div><MainLayout userName={globalVariable}/></div>,
        document.getElementById('root')
    );
}
reactCookie.save('sid', data.id);
 });

I would really appreciate some help. Thanks.

You could technically just assign it to a new property on the global window object, but it's not the best solution in most cases. If you provide more details about what you want to accomplish it's more likely people will be able to help you find more appropriate solutions :) — Markus-ipse
– Markus-ipse, Commented Sep 8, 2018 at 15:20

Rajan Lagah · Accepted Answer · 2018-09-08 17:06:28Z

1

You can use localstorage for this.

//Set your gloabal variable from any where in your app by
localStorage.setItem("key(variable-name)","value")

//Get your gloabal variable from any where in your app by
localStorage.getItem("key(variable-name)")

answered Sep 8, 2018 at 17:06

Rajan Lagah

2,5381 gold badge28 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Krishi H Over a year ago

Thanks! Worked like a charm!

Collectives™ on Stack Overflow

Assigning value to global variable in ReactJs ES5

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related