面试题：React中如何基于State进行简单条件渲染

Question

在React组件中，有一个state字段`isLoggedIn`表示用户是否登录，当`isLoggedIn`为`true`时显示'欢迎，用户'，为`false`时显示'请登录'。请写出实现该条件渲染的代码。

Answer 1

import React, { useState } from 'react';

const MyComponent = () => {
    const [isLoggedIn, setIsLoggedIn] = useState(false);

    return (
        <div>
            {isLoggedIn? '欢迎，用户' : '请登录'}
        </div>
    );
};

export default MyComponent;