如何使用数组索引添加基于jsx条件的antd中的元素

import { Button, Input } from 'antd';
import React, { useState } from 'react';

const [showElement, setShowElement] = useState(false);

const renderElement = () => {
  if (showElement) {
    return <Input placeholder="条件满足时显示的元素" />;
  }
  return null;
};

const App = () => {
  return (
    <div>
      <Button onClick={() => setShowElement(!showElement)}>
        切换条件
      </Button>
      {renderElement()}
    </div>
  );
};