Создание контролируемого и неконтролируемого полей ввода

Необходимо реализовать два типа полей ввода в React: контролируемый и неконтролируемый. При нажатии на форму в консоль должны выводиться значения этих полей.

import React from "react";

export default function App() {
    const handleSubmit = () => {
        console.log("controlled input value: ");
        console.log("uncontrolled input value: ");
    };

    return (
        <form onClick={handleSubmit}> 
            <input
                placeholder="controlled field"
            />
            <input placeholder="uncontrolled field" />
            <button>Отправить заявку на кредит</button>
        </form>
    );
}