전체 글155 Children props 전달하기 1) 태그와 태그사이에 넣는 내용 전달하기 import React from 'react'; import Hello from './Hello'; import Wrapper from './Wrapper'; function App() { return ( {/* hello 컴포넌트에 react라는 name을 작성, 그다음 Hello 컴포넌트를 작성 */} ) } export default App; 위와 같이, Wrapper라는 태그사이에 내용을 넣고 싶을 때 사용, 2) Wrapper를 통해 태그에 적용할 스타일을 만들 수 있다. import React from 'react'; function Wrapper({ children }){ const style = { border: '2px solid black', .. 2020. 7. 17. props를 통해 값 전달하기 props의 의미: property의 줄임말 1) Hello 라는 컴포넌트에 값을 주기 위해 값을 작성 //APP.js import React from 'react'; import Hello from './Hello'; function App() { return ( {/* hello 컴포넌트에 react라는 name을 작성, 그다음 Hello 컴포넌트를 작성 */} ) } 2) name 컴포넌트에서 작성한 값들을 사용하고 싶다면 함수에서 props라는 값을 가져온다. props라는 parameter는 넣어준 값들이 객체 형태로 들어가있다 //Hello.js import React from 'react'; function Hello(props){ // name이라는 값을 사용하고 싶다면 함수에서 props.. 2020. 7. 17. 환영합니다! #1 글을 작성해 보세요. 며루치꽃님의 회원 가입을 진심으로 축하합니다. 이 글은 비공개로 작성돼 있습니다. '편집'으로 내용을 바꾸시거나, 삭제 후 '새 글을 작성'하셔도 됩니다. 블로그를 간단하게 소개하는 글로 편집해보는 것도 좋겠네요. #2 다양한 스킨이 있어요. 티스토리에 있는 다양한 '스킨'도 살펴 보세요. 블로그나 사이트를 사용하는 목적에 맞게 스킨을 고를 수 있습니다. 어떤 이야기를 주로 하실 건가요? 잘 생각해 보시고, 마음에 드는 스킨을 고르세요. '스킨 커버 편집'을 간단히 하면 멋진 첫 화면을 가질 수 있으니 한 번 해보는 것도 좋겠네요 #3 포럼에서 사람들과 소통하세요. 마지막으로 사용하시다가 티스토리에 대해 궁금한 내용이 있다면 '포럼'을 확인하세요. 찾기 어려울 땐 직접 질문을 .. 2020. 4. 7. 이전 1 ··· 36 37 38 39 다음
