面试题：React中如何利用逻辑与运算符实现简洁渲染

Question

在React项目中，假设有一个组件，当某个布尔变量isShow为true时，需要渲染一个包含文本'Hello, React!'的段落标签。请使用逻辑与运算符实现这个简洁渲染，写出相关代码片段。

Answer 1

import React from 'react';

const MyComponent = ({ isShow }) => {
    return (
        <div>
            {isShow && <p>Hello, React!</p>}
        </div>
    );
};

export default MyComponent;