>source

React Table에서 행 내용을 정의하고 있습니다. 요소 변수만 입력하면 올바르게 인쇄되지만 다른 변수와 연결하려고 하면 대신 [Object Object]가 표시됩니다.

객체:

//Icons object
const typeIcons= {
  DINEIN:  <FlatwareIcon color="secondary" />  ,
  DELIVERY: <DeliveryDiningIcon color="secondary" />,
  TAKEAWAY: <RoomServiceIcon  color="success"/>}

예를 들어 'DINEIN' 유형의 객체 요소를 사용하면 완벽하게 작동합니다.

row2: typeIcons[item.order_type],

필요한 아이콘을 제공하지만 다른 변수와 연결할 때, 즉

row2: typeIcons[item.order_type] + item.order_type,

결과는 다음과 같습니다. [Object Object]DINEIN 어떤 설명? 친절한 도움에 미리 감사드립니다.

React 구성 요소와 문자열을 연결하려고 할 때 무엇을 기대합니까? 문자열은 React 구성 요소 다음에 렌더링되어야 합니까?

Terry2022-02-15 09:48:13
  • 답변 # 1

    typeIcons[item.order_type]item.order_type이 문자열이고 object(React 구성 요소)입니다. 문자열을 개체와 연결할 수 없습니다. 나는 아래의 가치를 가정한다행2React 구성 요소를 포함해야 하는 경우 다음과 같이 시도할 수 있습니다.

    row2: <>{typeIcons[item.order_type]} {item.order_type},
    

    감사합니다. 잘 작동합니다. react Component 객체가 객체 멤버로 취급되어서는 안 되는 지점을 놓치고 있었습니다. 추신. 내 계정 제한 때문에 수락하거나 찬성할 수 없지만 어쨌든 찬성합니다.

    Hobs2022-02-14 09:57:10
  • 이전 python : 부정이 포함된 SpaCy 매처의 예기치 않은 동작
  • 다음 FontAwesome 반응 네이티브 경고