Логирование значений контролируемого и неконтролируемого полей формы в React при отправке

Необходимо вывести в консоль значения полей формы, реализованных как controlled с помощью useState и как uncontrolled через ref, при событии отправки.

export default () => {
  const handleSubmit() => {
    console.log("First input value: ");
    console.log("second input value: ");
    };
  
  return (
    <form onClick-(handleSubmit)>
    <input placeholder-"controlled field" /> 
    <input placeholder="uncontrolled field" />
    <button>Отправить заявку на кредит</buttons>
    </form>
    )
}