반응형 deepcopy3 Vue.js 정렬, 데이터보존 [...array] - 정렬, 데이터보존 [...array] 1)배열 데이터 정렬하기 그냥 배열.sort()를 사용해도 정렬은 되지만 문자 정렬이 기본이다. 그래서 아래와 같이 함수를 만들어줘 a,b파라메터를 a-b형태로 써줘야 숫자형 정렬이 된다. var array = [3,5,2]; array.sort(function(a,b){ return a-b // 문자 정렬이 아니라 숫자형 정렬하기 위함 // 음수가 나오면 왼쪽으로 보내는 방식임 외워서 쓰면 됨 }); 2)Object데이터 정렬하기 아래와 같이 만들어진 데이터를 정렬하려고 한다. 정렬 방식은 비슷하지만 약간 다른 방식이 필요하다. [{ id : 0, title: "Sinrim station 30 meters away", image: "https://codingap.. 2023. 4. 1. React Redux 2(reducer,dispatch,state수정) reducer / dispatch 리덕스 데이터 수정하는법 리덕스에서 state데이터를 수정하는법 reducer 함수를 만들어 수정하는 '방법'을 정의해놓는다 그리고 dispatch()함수를 사용해 reducer에 수정을 요청한다. 정해져있는 방식이니 그대로 사용하자 function Cart(props){ return ( # 상품명 수량 변경 { props.state.map((a,i)=>{ return ( {a.id} {a.name} {a.quan} { ??? }}> + ) }) } ) } props.state로 리덕스에있는 state를 가져와 map반복문을 사용 a는 당연히 안의 값이고 i는 인덱스 값이다. 오류가 나지않게 key 값을 넣어주고 state안의 id,name,quan을 출력하게 만들었다... 2022. 1. 17. React props 추가 - 변경 자주하는 내역들 props로 전달하기 컴포넌트안에 props두개 전달 당연히 가능 { modal === true ? // 작명 = {전송할state} 보통 똑같이 쓴다. : null } - map함수 사용하면 첫번째 매개변수말고 index도 가지고 있다. { 글제목.map(function(글, i){ return( {/* 반복문이 돌때 안에 0,1,2가 반복되게 적기 map의 두번째 파라미터*/} { 누른제목변경(i)}} > {글} {따봉바꾸기(i)}}>🥰좋아요! {따봉[i]} {/* 따봉 함수로만들어서 파라매터 여기있는 i 전달해줘서 바꾸면 되겟다 체크 딥카피로 ㅇㅇ 해보쟈 */} 1월 10일 발행 ) }) } - props한 외부 컴포넌트 문법에서 사용하기 function Modal(prop.. 2022. 1. 10. 이전 1 다음 반응형
