当在React + Typescript中调用组件时，if conditional的正确语法是什么？

import React from 'react';

interface MyComponentProps {
  condition: boolean;
}

const MyComponent: React.FC<MyComponentProps> = ({ condition }) => {
  return (
    <div>
      {condition ? (
        <p>Condition is true</p>
      ) : (
        <p>Condition is false</p>
      )}
    </div>
  );
};

export default MyComponent;

import React from 'react';

interface MyComponentProps {
  condition: boolean;
}

const MyComponent: React.FC<MyComponentProps> = ({ condition }) => {
  return (
    <div>
      {condition && <p>Condition is true</p>}
    </div>
  );
};

export default MyComponent;

import React from 'react';

interface MyComponentProps {
  condition: boolean;
}

const MyComponent: React.FC<MyComponentProps> = ({ condition }) => {
  const renderContent = () => {
    if (condition) {
      return <p>Condition is true</p>;
    } else {
      return <p>Condition is false</p>;
    }
  };

  return <div>{renderContent()}</div>;
};

export default My组件;