Reactjs de>他们接收数据数组，并使用D3创建图形和其他数据。我有一个useffect当道具（数据数组）改变时处理重新绘制图形。如果useffect使用您的任何函数。。。这些函数需要使用useCallback。或者每次都会运行useffect。假设您在依赖关系数组

---

de>他们接收数据数组，并使用D3创建图形和其他数据。我有一个

useffect

当道具（数据数组）改变时处理重新绘制图形。如果

useffect

使用您的任何函数。。。这些函数需要使用

useCallback

。或者每次都会运行

useffect

。假设您在依赖关系数组中遵循最佳实践。请理解。谢谢你在这方面的投入，非常有帮助。

import React from 'react'
import * as d3 from 'd3';

function MyFunction({prop1, prop2}) {
    const variable1 = '#333333';
    const variable2 = 'Jimmy';

    const function1 = () => {
        d3.select('g.g1')
            .append('rect')
            .attr('color', variable1)
    }

    const function2 = () => {
        d3.select('g.g2')
            .append('text')
            .text(prop1.label)
    }

    return (
        <svg>
            <g className='g1' />
            <g className='g2' />
        </svg>
    );
}

export default MyFunction;