Javascript 在react中使用d3自定义布局

如何在d3中创建自定义布局？我读过，但仍然有以下错误。有人能解释一下吗

我在一个单独的

gridLayout.js

中编写布局，并尝试将此布局导入react组件类

//Ver1
//尝试导入错误：“d3”不包含默认导出（作为“d3”导入）。
从“d3”中导入d3；
d3.gridLayout=（）=>{
函数processGrid（数据）{
data.deleted=true
}
返回处理网格；
}

//Ver2
//自定义布局只是以某种方式转换数据-normal js func
//错误：第2行：“gridLayout”未定义无未定义
导出默认网格布局=（）=>{
函数processGrid（数据）{
data.deleted=true
}
返回处理网格；
}