react tsx render中加if判断

您好，关于您的问题，可以通过在 React 中使用条件 (ternary) 运算符或逻辑与 (logical AND) 运算符来实现判断。具体实现可以参考下面的代码示例：

import React from 'react';

interface Props {
  isVisible: boolean;
}

const MyComponent: React.FC<Props> = ({ isVisible }) => {
  return (
    <>
      {isVisible ? <p>The component is visible.</p> : <p>The component is not visible.</p>}
      {isVisible && <p>The component is visible.</p>}
    </>
  );
};

export default MyComponent;

希望这个回答能够帮到您。如果您还有其它问题，请随时提出。