反応成分があり、2つのリンクが追加されました。Javascript反応成分条件メニュー項目表示
1つのリンクはログインリンクを表示し、もう1つはログアウトを表示します。
私はcomponentDidMountにその両方を表示したくありません。どちらか一方を非表示にする条件を追加しました。
class Navigation extends Component {
componentDidMount() {
let logged = true;
if (logged) {
document.getElementById('login').style.display = 'none';
} else {
document.getElementById('logout').style.display = 'none';
}
}
}
render() {
return (
<div>
<ul>
<li id="login"><a href="#login">Login</a></li>
<li id="logout"><a href="#logout">Logout</a></li>
</ul>
</div>
);
}
}
export default Navigation;
それは働いていないので、問題は何もいずれかの方法で非表示になっていないされていません。ここで
はコードです。
どのように私はどちらか一方を隠すための条件を得ることができますこれを修正することができますか?