랜덤 6자리 숫자 인증번호 만들기

<문제>
인증번호 6자리 "000000"과 "인증번호전송"이라는 버튼을 만들고, 버튼 클릭시 인증번호를 만들어서
인증번호 6자리가 변경되도록 적용해 주세요.
1-1) let과 document.getElementById()를 사용해 주세요.
1-2) state를 사용해 주세요.

일단 수업시간에 state 사용했던 기억을 최대한 많이 끌어올려서
1-2) state를 사용해 주세요.를 먼저 만들어봤다.

import { useState } from 'react';

export default function RandomStatePage(){

    const[random,setRandom] = useState("000000")

    function rrr(){
        setRandom(String(Math.floor(Math.random()*1000000)).padStart(6, "0"))
    }

    return(
        <>

        <div>{random}</div>
        <button onClick={rrr}>인증번호전송</button>
        </>
    )

}

지난 수업때 인증번호를 랜덤으로 했던 수업이 많이 도움이 되었다.
여기서 String()은 숫자를 문자열로 바꿔주는 함수이다.
여기서 아래코드를 6자리 랜덤으로 나오는 함수, 소수점 나눠주는 함수를 잘 사용해야하는 것 같다. 아직 구글의 도움없이는 힘들다 ㅠㅠ

String(Math.floor(Math.random()*1000000)).padStart(6, "0") 

1-1) let과 document.getElementById()를 사용해 주세요.

export default function RandomLetPage(){

    function rrr(){

    let random = String(Math.floor(Math.random()*1000000)).padStart(6, "0")
    document.getElementById("qqq").innerText=random

}

return(
    <>
        <div  id="qqq">000000</div>
        <button  onClick={rrr}>인증번호전송</button>
    </>

)

}