useRef
Create a persistent object between renders to capture from a node from VirtualDOM
const ref = useRef(optionalCurrent);
import { useRef, useEffect, useState } from "atomico";
function component() {
const ref = useRef();
const [message, setMessage] = useState();
useEffect(() => {
const { current } = ref;
current.addEventListener("input", () => {
if (current.validity.typeMismatch) {
setMessage("Invalid!");
}
current.setCustomValidity("");
});
}, []);
return (
<host>
<input type="email" ref={ref} />
{message && <h1>{message}</h1>}
</host>
);
}
The reference object is useful for referencing nodes between customHooks.
Last modified 10mo ago