Как сделать, чтобы при клике на кнопку появлялось поле ввода?

0xD34F, зачем сразу убивать, думал что ошибка именно key, прошу прощения : ( В любом случае спасибо за ответ

Как сделать, чтобы при клике на кнопку появлялось поле ввода?

0xD34F, так и попробовал до вашего ответа, но выдаёт

Warning: `value` prop on `input` should not be null. Consider using an empty string to clear the component or `undefined` for uncontrolled components.

Как сделать, чтобы при клике на кнопку появлялось поле ввода?

0xD34F большое спасибо за решение, но как мне дать key при map?

Как сделать, чтобы при клике на кнопку появлялось поле ввода?

Rerurk, сделал, спасибо, но если я нажимаю на 5 потом на Другую сумму, то 5 всё ещё остаётся выбранным, как это убрать?

Вот как я сделал

const [show, setShow] = useState(false);

    const handleClick = () =>{
      setShow(!show);
    }
    return(
        <>
             <div className={styles.wrapper}>
          <div className={styles.container}>
         

             <div className={styles.choice}>
                  <label><input type="radio" name="amountusd" value={5} /><span>5$</span></label>
                  <label><input type="radio" name="amountusd" value={10}/><span>10$</span></label>
                  <label><input type="radio" name="amountusd" value={15}/><span>15$</span></label>
                  <label><input  onClick={handleClick} type="radio" /><span className={styles.button}>Другая сумма</span></label>
             </div>
      
              <div  className={`${styles.dropdownContent} ${show ? styles.show : ""}`}>
               <input  type="number" name="amountusd"  placeholder='Другая сумма' />
               </div>