[React] 명령형식으로 해당 태그 값 접근하기.

id가 "myInput"인 input 요소에서 value 값을 가져오는 코드는 다음과 같이 작성할 수 있습니다.

import React, { useRef } from 'react';

function MyComponent() { 
	const myInputRef = useRef(null);
    function handleClick() {
    	console.log(myInputRef.current.value); // input 요소의 value 값 
    } 
    return ( 
    	<div>
        	<input id="myInput" type="text" ref={myInputRef} />
        	<button onClick={handleClick}>Click me</button>
        </div>
    );
}

위 예제에서 myInputRef 변수를 사용하여 ref를 생성하고, input 요소에 할당합니다. 그리고 handleClick 함수에서 myInputRef.current.value를 사용하여 input 요소의 value 값을 출력합니다.

value 속성은 input 요소뿐만 아니라, textarea, select 등의 다른 요소에서도 사용할 수 있습니다.

 

php처럼 쓰다보니 react에서 어떻게 접근하더라 싶어서 적어봄.

내용은 이렇게 접근하면 된다.