问多选项表单不显示

EN

import React, { useState } from 'react';

const [isFormDisplay, setFormDisplay] = useState(false);

// DO LOGIC WHEN YOU WANT TO DISPLAY THE FORM OR NOT

return { 
    <>
    {!isFormDisplay &&  
      <input id="input-2" type="text" placeholder="H/F" required />
      <label for="input-2">
        <span class="label-text">Sexe</span>
        <span class="nav-dot"></span>
      </label> 
    }
    {isFormDisplay &&  
       <div id="input-3">
        <input type="radio" value="male" name= "sexe" required /> Male
        <input type="radio" value="female" name= "sexe" required /> Female
        <label for="input-3">
          <span class="label-text">Sexe?</span>
          <span class="nav-dot"></span>
         </label>
       </div>
    }
   <>
};