배열에서 테이블을 동적으로 생성하는 방법은 무엇입니까?

Question

헤더 이름을 포함한 동적 데이터가 포함된 테이블을 생성하는 사용 사례가 있습니다. API 응답에서 배열을 재구성하기 위해 여러 가지 방법을 시도했지만 여전히 개발할 수 없습니다.

다음과 같이 응답으로부터 배열을 받습니다

으아아아

그리드 예상 배열

으아아아

테이블 예시

Object.keys() 및 map을 사용해 보았지만 배열을 올바르게 구성할 수 없습니다. 코드는 클라이언트 시스템에 있으므로 공유할 수 없습니다. 어레이를 재구축하도록 도와주세요.

내 코드는

으아아아

이 말이 맞는지 잘 모르겠습니다. 갇혀

Answer 1

rowList를 사용하는 아이디어는 좋지만 입력 개체에서 몇 가지 중요한 순서를 가정합니다(나중에 데이터를 각 레이블과 연결해야 할 때). 이는 일반적으로 일반 개체의 일부 순서에 의존하는 나쁜 생각입니다. .

그러나 귀하의 rowList 没有任何作用：尽管您迭代它，但您的代码从不使用 item （它定义了其他 item 변수).

둘째, .map 回调中有一个未知变量 object.

귀하의 질문과 일치하지 않는 id 和 name 键的对象，并生成格式为 ${ index }-${ item } 的字符串로 왜 생성했는지 이해할 수 없습니다.

다음은 제가 추천하는 것입니다:

으아악