react input conditional disabled

Sivasubramaniyam V answered on July 12, 2023 Popularity 6/10 Helpfulness 3/10

answer react input conditional disabled

react input conditional disabled

Comment

import React, { useState } from 'react';

function MyComponent() {
  const [isEnabled, setIsEnabled] = useState(false);

  const handleChange = (event) => {
    setIsEnabled(event.target.value === 'enable');
  };

  return (
    <div>
      <label>
        Enable Input:
        <select onChange={handleChange}>
          <option value="disable">Disable</option>
          <option value="enable">Enable</option>
        </select>
      </label>

      <input type="text" disabled={!isEnabled} />
    </div>
  );
}

Popularity 6/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: conditional input javascript

Link to this answer
Share Copy Link

Contributed on Jul 12 2023

Sivasubramaniyam V

0 Answers Avg Quality 2/10

react input conditional disabled

Contents

More Related Answers

react input conditional disabled

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.