map함수로 배열값 데이터 보여주기 (에러해결 uncaught typeerror cannot read properties of undefined)

값이 undefined라서 찾을 수 없을 때 많이 뜸

값이 타입이 달라서 가져올 수 없다거나.

배열이라서 가져올라면 map함수를 써야한다거나

[]를 묶어줘야하거나 빼줘야하거나. 등의 이유..

 

 

 

 

나는 기존의 server갈아엎고 naivecoin6의 서버 코드를 쓰고 있어서 

block header없고 block만 있어서 a.header.index가 인식 못하는 것!

 

 

 

이렇게 해서 블록의 정보들은 뜨게 되었는데

 

 

트랜잭션은 안보임

 

 

 

블록체인 구조를 보면 

설명해준 학우분 짱.

이렇게 생겼단 말임

그래서 data부터는 배열로 안에 들어간 값이라 보여줄라면 map함수를 써야함!

채굴된 Block으로 보면 이러함.

 

 

 

 

 

해결한 코드

  {chainBlocks &&
        chainBlocks.map((a) => (
          <div style={marginBottom} key={a.index}>
            {/* <div>바디 : {a.body}</div> */}
            {a.data.map((b) => (
              <>
                <div>txId : {b.id}</div>

                {b.txIns.map((c) => (
                  <>
                    <div>signature : {c.signature}</div>
                    <div>txOutId: {c.txOutId}</div>
                    <div>txOutIndex: {c.txOutIndex}</div>
                  </>
                ))}
                {b.txOuts.map((c) => (
                  <>
                    <div>address : {c.address}</div>
                    <div>amount: {c.amount}</div>
                  </>
                ))}
              </>
            ))}

            <div>인덱스 : {a.index}</div>
            <div>넌스 : {a.nonce}</div>
            {/* <div>버전 : {a.version}</div> */}
            <div>시간 : {a.timestamp}</div>
            <div>난이도 : {a.difficulty}</div>
            {/* <div>머클 루트 : {a.merkleRoot}</div> */}
            <div>이전 해쉬 : {a.previousHash}</div>
          </div>
        ))}