问如何根据单击的单选按钮显示和隐藏文本字段类型编号？

EN

const page = () => {
      const [payment, setPayment] = useState();
      return (
        <div>
          <Container fixed>
                <form onSubmit={handleSubmit}>
                  <Typography align="left" variant="subtitle1" color="secondary">
                    Choose Payment Option
                  </Typography>
                  <input
                    type="radio"
                    value="cod"
                    name="paymentMethod"
                    onChange={(e) => setPayment(e.target.value)}
                  />
                  COD(Cash-on-Delivery)<br></br>
                  <input
                    type="radio"
                    value="paypal"
                    name="paymentMethod"
                    onChange={(e) => setPayment(e.target.value)}
                  />{" "}
                  Gcash
                  <TextField
                    id="gcash-num"
                    label="paypal"
                    type="number"
                    fullWidth
                  />
                    <Button type="submit">Place an Order</Button>