ЯсноПонятно24

import React, { useState } from 'react';

const App = () => {
  const [textInput, setTextInput] = useState('');
  const [checkboxChecked, setCheckboxChecked] = useState(false);
  const [radioValue, setRadioValue] = useState('');

  const handleFormSubmit = (e) => {
    e.preventDefault();
    console.log('Form submitted');
  };

  const handleCheckboxChange = () => {
    setCheckboxChecked(!checkboxChecked);
  };

  const handleRadioChange = (e) => {
    setRadioValue(e.target.value);
  };

  const handleInputChange = (e) => {
    setTextInput(e.target.value);
  };

  return (
    <div>
      <form onSubmit={handleFormSubmit}>
        <input type="text" value={textInput} onChange={handleInputChange} />
        <input type="checkbox" checked={checkboxChecked} onChange={handleCheckboxChange} />
        <label>Checkbox</label>
        <br />
        <input type="radio" value="option1" checked={radioValue === 'option1'} onChange={handleRadioChange} />
        <label>Option 1</label>
        <input type="radio" value="option2" checked={radioValue === 'option2'} onChange={handleRadioChange} />
        <label>Option 2</label>
        <br />
        <button type="submit">Submit</button>
      </form>
    </div>
  );
};

export default App;