ReactJs Objekt übergeben als Requisiten

Question

Ich versuche, ein Objekt als Requisiten zu einem Kind Komponente passieren, aber wenn ein Datenprotokoll es übergeben wird gibt die folgende: graphs:"[object Object]"

Hier ist ein Teil des Codes:

const test = { 
     'data': [ 'data',{ 
      id: value.id, 
      graph_title: value.graph_title, 
      graph_metric1:value.graph_metric1, 
      graph_metric2:value.graph_metric2, 
      graph_type:value.graph_type, 
      graph_category:value.graph_category 
     }] 
}; 

<Draggable className="drag-element" type="graphs" data={test}>TESTING</Draggable> 

Answer 1

Es ist eigentlich nichts falsch daran, wie das Objekt angezeigt wird, da dies das korrekte Javascript-Verhalten ist. Wenn Sie die aktuellen Daten innerhalb des Objekts drucken möchten, werden Sie es wie ein solcher Zugang haben zu:

console.log(data.data.id)