Input field controlled by ref or javascript
import React, { useRef } from "react"
function App() {
let inputRef = useRef(null)
let inputRef2 = useRef(null)
function submitForm(e) {
e.preventDefault()
console.warn("input field 1 value : ", inputRef.current.value)
console.warn("input field 2 value : ", inputRef2.current.value)
let input3 = document.getElementById("input3").value
console.warn("input field 3 value : ", input3)
}
return (
<div className="App">
<h1>Uncontrolled Component </h1>
<form onSubmit={submitForm} >
<input ref={inputRef} type="text" /> <br /> <br />
<input ref={inputRef2} type="text" /> <br /> <br />
<input id="input3" type="text" /> <br /> <br />
<button>Submit</button>
</form>
</div>
);
}
export default App;© www.thecoderjob.com. All Rights Reserved. Designed by HTML Codex