Client:

Select Client
Amex
Visa
MasterCard
E&Y
Microsoft
Danske
Others

I’m having this dropdown with below handleInputChange method.

const handleInputChange = (event) => {
const { name, value } = event.target;

switch (name) {
  case 'client':
    setClient((value));
    break;
  case 'receivedDate':
    setReceivedDate(value);
    break;
  case 'skillSet':
    setSkillSet(value);
    break;
  case 'role':
    setRole(value);
    break;
  case 'location':
    setLocation(value);
    break;
  case 'remarks':
    setRemarks(value);
    break;
  case 'vendorRate':
    setVendorRate(Number(value));
    break;
  case 'clientBillingRate':
    setClientBillingRate(Number(value));
    break;
  case 'margin':
    setMargin(Number(value));
    break;
  default:
    break;
}

};

Desired output ->>

When user selects ‘Others’ option from dropdown, a new input field should be invoked and the value filled in that input field should be passed in place of ‘Others’ option value.