React---内容的显示与否（一）

import React from 'react';
import ReactDOM from 'react-dom';

class AdminLogin extends React.Component {
    render () {
        return (
            <div>admin用户登录显示</div>
        )
    }
};
class UserLogin extends React.Component {
    render () {
        return (
            <div>user用户登录显示</div>
        )
    }
};
function ShowLogin (props) {
    console.log(props);
    var login = props.login;
    console.log(login);
    if (login) {
        return <AdminLogin />
    } else {
        return <UserLogin />
    }
}
ReactDOM.render (
    <ShowLogin login={true}/>,
    document.getElementById('root')
) 

效果图：

修改

ReactDOM.render (
    <ShowLogin login={false}/>,
    document.getElementById('root')
) 

显示效果：

新的一天又开始了，20204月16日