我正在从C#视图转换为使用react。我想根据用户是否经过身份验证来呈现一些html,在C#中这很简单:
<ul class="outer pull-right">
@if (User.Identity.IsAuthenticated)
{
<li>
<form action="logout" id="logout-form">
<input type="submit" value="Logout" />
</form>
</li>
}
</ul>
在react.js中执行此操作的正确方法是什么? 伪代码例如:
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>
);
}
}
答案 0 :(得分:1)
如果您要在您的react应用程序中使用c#会话,则需要API调用。出于显而易见的原因,您将使用react-router。为此,人们通常采用this方法来验证用户身份。
同意,验证用户并不容易。但是一旦你设置了机制,你就不需要再回过头来看了。
祝你好运!