React.js Get logged in user in asp.net application

Question

I am converting from C# views to using react. I want to render some html depending on whether the user is authenticated or not, in C# this was as easy as this:

    <ul class="outer pull-right">
        @if (User.Identity.IsAuthenticated)
        {
            <li>    
                <form action="logout" id="logout-form">
                    <input type="submit" value="Logout" />
                </form>
            </li>
        }
    </ul>

What is the correct way to do this in react.js? Pseudocode For example:

export default class Nav extends React.Component {
    getCurrentUser(){
        //Use ajax to get current user from server?
    }
    render(){
        return (
            <ul class="outer pull-right">
                @if (User.Identity.IsAuthenticated) 
                {
                    <li>    
                        <form action="logout" id="logout-form">
                            <input type="submit" value="Logout" />
                        </form>
                    </li>
                }
            </ul>
        );
    }
}

Mihir · Accepted Answer · 2016-08-11 11:56:43Z

1

If you're going to use c# sessions in your react application, you'll need an API call. For obvious reasons, you'll be using react-router. And for that, people generally adopt this method to authenticate user.

Agreed, that it is not that easy to authenticate the user. But once you've set up the mechanism, you won't need to look back again.

Good luck!

answered Aug 11, 2016 at 11:56

Mihir

3,9223 gold badges28 silver badges30 bronze badges

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

Collectives™ on Stack Overflow

React.js Get logged in user in asp.net application

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related