Front-end/React
[React] 부모 컴포넌트 사용 props
props App에서 만든 데이터를 다른 컴포넌트에서 사용하려면 컴포넌트명(props) {props.변수명} 컴포넌트 매개변수로 props로 받아서 데이터를 전달 받을 수 있습니다!
Front-end
Front-end/React
[React] 리액트에서 반복문 사용하는 법
반복문 return 안에는 jsx문법이 들어오는데 자바스크립트 문법을 사용하려면 { } 중괄호 안에 작성! 배열을 반복시키는 js문법으로는 const arr = [1, 2, 3]; arr.foreach( (element, idx) => {실행문} ); arr.map( (element, idx) => {실행문} ); 이때 각각의 고유한 key값이 있어야함으로 전체 태그에 key={i} 고유키를 넣어줍니다.
Front-end/React
[React] 컴포넌트 생성
컴포넌트 생성 컴포넌트를 만들어놓고 사용할 수 있음 컴포넌트 함수명은 대문자로 생성 컴포넌트 보이게 안보이게 설정하기 보일지 안보일지 state를 사용해서 상태값 설정 삼항연산자를 사용해서 isVisible이 true이면 해당 컴포넌트가 보이도록 false면 null로 설정 return() 안에 JS문법을 사용하려면 { }안에 넣어줘야 하며 for문 if문은 사용 불가해서 삼항연산자를 사용해야함! 해당 버튼을 누르면 나타나도록 설정할 수 있습니다
Front-end/React
[React] state 값 변경하기
값 변경하기 제목 수정 버튼을 눌렀을 때, state의 배열의 첫 번째 값을 변경하려면 title[]에는 주소값이 들어있기 때문에 const copyTitle = [...title] 배열을 복사해서 copyTitle[0] = '새글' 값을 수정해주고 setTitle(copyTitle) 수정한 값을 변경함수에 넣어주면 됩니다.
