javascript - 如何获取d3.js Treemap布局中元素的对象属性onclick

Question

在任意段的d3treemap布局onClick中，如何在控制台中记录被点击的元素对象属性。

在此链接中找到我的 react 和 d3.js 代码。 https://codesandbox.io/s/affectionate-thunder-l024x

const dataObj = {
  name: "Home",
  children: [
    {
      name: "A",
      metricsValue: "ma",
      value: "15"
    },
    {
      name: "BCD",
      value: "35",
      metricsValue: "m1"
    }
  ]
};

示例:单击元素“BCD”，在控制台中记录 BCD 的属性。

Result : 
{
      name: "BCD",
      value: "35",
      metricsValue: "m1"
    }

Answer 1

你需要在 logTitle 方法中传递 Object并且还需要对索引文件进行一些更改

function logTitle(d) {          
      self.props.onClickSegment({
        name: d.name,
        value: d.value,
        metricsValue: d.metricsValue
      });
    }

我已经对您的示例进行了更改，在下面找到它

https://codesandbox.io/s/rough-star-9vm5m