reactjs - useState または useRef を使用して値を入力にクリアします (React)

Question

私はフックを得ました:

const [myName, setMyName] = useState("");
const myNameRef = useRef();

それから私はフォームを持っています:

<form onSubmit={(e) => addVist(e, user.id)}>
 <input type="text" name="myName" ref={myNameRef} onChange={e => setMyName(e.target.value)} />
 <input type="submit" value="Run" />
</form>

そして方法：

const addVist = (e, userId) => {
        e.preventDefault();

        console.log(myName)
        //some code....

        //clear value form
        setMyName("");
        //setMyName('');
        //setMyName(e.target.value = "");
        //myNameRef.current.value("");

    }

しかし、機能しsetMyName("")ていません - それでも入力内に値が表示されます。