index.js

import React from 'react'; import ReactDOM from 'react-dom';function UserGree(props) {return ( < h1 > 歡迎登陸 < /h1>)}function UserLogin(props) {return ( < h1 > 請先登陸 < /h1>)}class ParentCom extends React.Component {constructor(props) {super(props)this.state = {isLogin: true}}render() {if (this.state.isLogin) {if (this.state.isLogin) {return ( < UserGree > < /UserGree>)}else {return ( < UserLogin > < /UserLogin>)}}}}//console.log("這是渲染函數(shù)")ReactDOM.render( < ParentCom / > , document.querySelector("#root"))

運行結(jié)果

總結(jié)

以上是生活随笔為你收集整理的前端学习（2229）：react条件渲染实现登录的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。