面试题：React条件渲染：基本实现

Question

在React中，有一个组件名为`UserGreeting`，如果`isLoggedIn`为`true`，显示欢迎用户的消息（如`Welcome, User!`），如果为`false`，显示登录提示（如`Please log in.`）。请编写该组件的代码实现。

Answer 1

import React from'react';

const UserGreeting = ({ isLoggedIn }) => {
    return (
        <div>
            {isLoggedIn? 'Welcome, User!' : 'Please log in.'}
        </div>
    );
};

export default UserGreeting;