TypeScript + React

타입스크립트 + 리액트 공부!!

 

 가장 어렵게 생각되었던 부분은 props 부분이다..!

 

부모에서 값을 전달시 하위 자식에서 전달 받은 값에 대한 타입을 지정한다

부모

const parents:React.FC=()=>{
	retrun (
    	<div>
        	<Child text="집"/>
        </div>
    )
}

 

자식

interface props{
	text:string;
}

const Child:React.FC<Props>=()=>{   
	retrun (
    	<div>
        </div>
    )
}

혹은

const Child:React.FC<{text:string}>=()=>{ 
retrun (
    	<div>
        </div>
    )
}