다음과 같이 다시 작성된 제목: 무슨 일이 있어도 배열에서 값을 얻을 수 없습니다.

Question

React 구성요소 배열의 데이터를 표시하려고 합니다.

console.log()를 통해 브라우저 개발자 콘솔에서 필요한 데이터를 볼 수 있습니다.

FinalRecords.js::recordTitle: (4)

0: {멤버: 배열(10), ID: 62, 제목: 'RR 1980 레코드 1', storeId: 1088}
1: {멤버: Array(10), id: 63, title: 'RR 1980 Record 2', storeId: 1088}
2: {멤버: Array(10), id: 64, title: 'RR 1980 Record 3', storeId: 1088}
3: {멤버: Array(10), id: 65, title: 'RR 1980 Record 4', storeId: 1088}
길이: 4
[[프로토타입]]: 배열(0)

하지만 <코드>제목을 얻는 방법을 알 수 없는 것 같습니다.

저는 다양한 방법을 시도했는데, 이것이 가장 최근의 것입니다.

render() {
        const { RecordId, records, bandName } = this.props;

        var data = records.filter((r) => r.id === RecordId);

        var records = data.toArray();

        console.log("FinalRecords.js :: RecordTitle: ", 레코드);

        return <div> 레코드 - {findRecordTitle(records, RecordId) } - {bandName ||
    }

}

함수 findRecordTitle(레코드, ID) {
    return records.find((record) => {
        return Record.id === id;
    })
}

id를 사용하여 레코드의 제목을 가져와야 합니다.

그러나 항상 비어 있습니다.

내가 뭔가 잘못한 걸까요?

Answer 1

이 함수의 이름은 "제목"(문자열 값으로 해석함)을 반환할 것으로 예상된다는 의미입니다.

으아악

그러나 이 함수의 어느 곳에서도 "제목"과 관련이 없습니다. records数组中的一个匹配对象（或null）。如果你只想返回该对象的title 속성을 반환합니다. 다음 속성을 반환하세요.

으아악

---

편집: JavaScript 환경이 선택적 연결에서 작동하지 않는 경우 개체를 사용하기 전에 null을 명시적으로 확인할 수 있습니다.

으아악

또는 null 대신 빈 문자열을 기본값으로 사용할 수도 있습니다.