Необходимо вывести в интерфейс значения, которые пользователь вводит в два поля — одно из них должно быть реализовано как контролируемый компонент, а другое — как неконтролируемый. При нажатии на кнопку «Submit» текущие данные из обоих input‑ов должны отобразиться где‑то на странице.

 export default function App() {
    return {
    <div className="App">
    </form>
    <input placeholder="compiled" />
    <input placeholder="uncompiled" />
    <button>Submit</button>
    </form>
    </div>
};

Подсказка: для контролируемого input следует хранить его значение в состоянии компонента и обновлять его через обработчик onChange, а для неконтролируемого — использовать реф или напрямую обращаться к DOM‑элементу.

Отображение введённого текста из полей ввода