ReactJs将对象作为道具传递

时间:2017-08-08 21:30:39

标签: reactjs

我正在尝试将一个Object作为道具传递给子组件但是当一个日志传递数据时它会返回以下内容:graphs:"[object Object]"

以下是代码的一部分:

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 个答案:

答案 0 :(得分:2)

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

console.log(data.data.id)