2017-08-08 92 views
-1

我想一个对象作为道具传递给子组件,但是当日志传递它返回的数据如下:graphs:"[object Object]"ReactJs传递对象作为道具

下面是部分代码:

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> 
+1

什么是你的问题? – 23k

+0

这就是如何将对象转换为Javascript中的字符串。你有没有遇到任何与反应有关的问题? – Sulthan

+1

你可以请显示用于登录道具的代码吗? – jye265

回答

1

对象的显示方式实际上没有任何问题,因为这是正确的Javascript行为。如果你想在对象中打印出的实际数据,你必须访问它像这样:

console.log(data.data.id)