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

Необходимо реализовать механизм чтения данных из контролируемого и неконтролируемого input‑элементов.

import React from "react";

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

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