我不知道为什么这是不工作，但在我的App.tsx我做

return(
 <div id="expander">
        <button onClick={handleClick}> This is a button </button>
        <div id="button1">

        </div>
        { clicked && <Visualize name="someName"/>}
</div>
)

因此，我明确定义了一个id为button1的div
然后在可视化中

var selectDiv=d3.select('#button1')
            var svg = selectDiv.select('svg'),
                inner = svg.select('g');
 var render = new dagreD3.render();
            // // Run the renderer. This is what draws the final graph.
            render(inner, g);

 render()
        {
            return (
                <div>
                    <svg className={this.props.name}>
                        <g/>
                    </svg>
                </div>
            );
        }

HTML元素的结构是