내 함수가 개체 속성을 올바르게 정렬하지 않는 이유는 무엇입니까?

debugcn 에 게시 Dev

쿠 더스 조지

정렬 가능한 열이있는 반응 테이블을 만들고 있습니다. 연령 행을 정렬하면 결과가 제대로 정렬되지 않습니다. 나는 내가 제대로 정렬하고 있는지 다시 확인하고 데이터에 반복 번호를 추가했습니다. 또한 데이터의 공백이나 오류를 확인했습니다. 나는 또한 그들이 문자열이 아닌 숫자인지 확인하려고 노력했습니다. "연령"속성에 문제가없는 것 같습니다. 그렇다면 25가 32보다 높은 이유는 무엇입니까?

다음은 코드입니다 (확산 연산자를 제외하고 ...로 주석이 달린 반복적 인 다른 속성을 잘라 냈습니다. 물론 스프레드 연산자입니다).

function PeopleList({participants}){
    const [reverse, setReverse] = useToggle(true);
    let [sortType, setSort] = useState('default')

    let reverseFunction = (arr) => {
        if(reverse){
            return arr.reverse()
        } else {
            return arr
        }
    }

let sortRows = {
...
        age: {
            class: 'age',
            fn: (a, b) => a-b
        },
        default: {
            class: 'default',
            fn: (a, b)=>a
        }
     }
return (
      <table>
            <thead>
                <tr>
...
                <td><Button onClick={()=>{setSort('age'); setReverse()}}>
...
                </tr>
            </thead>
            <tbody>
{reverseFunction([...list].sort(sortRows[sortType].fn)).map(person=>{
            return <tr>
...
                    <td>{person.age}</td>
...
                   </tr>
)}
)}

다음은 결과 정렬의 스크린 샷입니다.

쿠 더스 조지

질문을 제출하려고 할 때 오류를 발견했습니다. 질문을 신중하게 편집했기 때문에 같은 오류를 간과하는 사람에게도 유용 할 경우 제출할 것이라고 생각했습니다.

개체 속성 대신 개체를 정렬했습니다. 연령별로 정렬하려면 매개 변수의 연령 속성을 비교해야합니다.

       age: {
            class: 'age',
            fn: (a, b) => a.age-b.age //Remember the property
        },

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정2021-04-2

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

Related 관련 기사

기사

내 함수가 개체 속성을 올바르게 정렬하지 않는 이유는 무엇입니까?

내 함수가 개체 속성을 올바르게 정렬하지 않는 이유는 무엇입니까?

2 개 이상의 구성 요소가 내부에있을 때 Angular 앱이 배경을 올바르게 설정하지 않는 이유는 무엇입니까?

xargs가 내 입력을 올바르게 구문 분석하지 않는 이유는 무엇입니까?

내 Python 코드가 부울을 올바르게 평가하지 않는 이유는 무엇입니까?

내 TextBoxFor가 통화 값을 올바르게 표시하지 않는 이유는 무엇입니까?

내 div가 올바르게 쌓이지 않는 이유는 무엇입니까?

MySQL이 내 외래 키의 이름을 올바르게 지정하지 않는 이유는 무엇입니까?

std :: swap이 사용자 지정 개체를 올바르게 바꿀 수있는 이유는 무엇입니까?

Javascript 객체 내에서 (함수 || 함수)를 올바르게 정의하는 방법은 무엇입니까?

Azure Bearer 토큰을 올바르게 요청하는 방법 또는 "범위"매개 변수를 보내도록 요청하는 이유는 무엇입니까?

내 함수가 요소의 스타일을 올바르게 인식하지 못하는 이유는 무엇입니까?

mysqli bind 함수가 내 문자열을 올바르게 처리하지 못하는 이유는 무엇입니까?

버블 정렬이 배열을 올바르게 정렬하지 않는 이유는 무엇입니까?

내 React 구성 요소가 HTML을 렌더링하지 않고 올바르게 기록하는 이유는 무엇입니까?

개체 내에서 정수와 부동 소수점을 올바르게 사용하는 방법은 무엇입니까?

PHP-array_multisort 함수가 올바르게 정렬되지 않는 이유는 무엇입니까?

내 Mapbox GL이 타일을 올바르게 표시하지 않는 이유는 무엇입니까?

내 코드가 동기화에서 올바르게 작동하지 않는 이유는 무엇입니까?

내 함수가 올바른 값을 반환하지 않는 이유는 무엇입니까?

printf 문을 삽입하면 함수가 올바르게 작동하는 이유는 무엇입니까?

= (단일 같음)을 사용하는 내 같음 비교가 Java에서 올바르게 작동하지 않는 이유는 무엇입니까?

내 스프라이트가 올바르게 그려지지 않는 이유 (libgdx)는 무엇입니까?

내 반응 상태가 올바르게 업데이트되지 않는 이유는 무엇입니까?

내 후크 상태가 올바르게 업데이트되지 않는 이유는 무엇입니까?

내 Arc 테마가 Ubuntu 18.04에서 올바르게 보이지 않는 이유는 무엇입니까?

Guavas Ordering이 정수의 문자열 값을 올바르게 정렬하지 않는 이유는 무엇입니까?

내 시간 데이터가 "형식과 일치하지 않습니다". 내 datetime 형식을 올바르게 지정하는 방법은 무엇입니까?

내 태그 도우미가 올바르게 해결되지 않는 이유는 무엇입니까?

UI가 변경 될 때 개체 목록을 올바르게 탐색하는 방법은 무엇입니까?

Ajax가 모델을 올바르게 업데이트하지 않는 이유는 무엇입니까?