리액트20 [React]JSX에서 리액트 style 리액트에서는 style을 먹일 때 style={ object자료형으로 만든 스타일 } 이런식으로 넣어줘야한다. ex 개발 주의할점은 자바스크립트에서는 font-size 이런식으로 사용해왔는데 리액트에서는 " - " 마이너스(-) 즉, 빼기로 인식되어 진다. 따라서 camelCase 작명 관습에 따라 속성명을 위와같이 반드시 바꿔줘야한다 ! 2020. 11. 11. [React]JSX와 Prop종류들 1.JSX -모든 JSX코드는 컨테이너 Element안에 포함시켜줘야한다. 무언가로 감싸줘야지만 제대로 코드가 작동한다. 2.javaScript JSX안에서 자바스크립트를 표현할때는 브라켓 " { } " 으로 감싸주면 됩니다. ex) render(){ let text = "Hello React"; return( {text} ); } render(){ return ( {1==1 ? 'True' : ' False'} ); } 3.Inline Style - JSX안에서 style을 설정 할때는 , string형식을 사용하지 않고 key가 camelCase인 객체가 사용이됩니다. rener(){ let Style = { color:'aquq' ,backgroundColor : 'black'//원래는 back-g.. 2020. 11. 8. 이전 1 2 3 4 다음