d3.js选择不起作用。不确定为什么不

Question

我不确定为什么这不起作用，但是在我的app.tsx中，

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

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

我明确定义了一个带有button 1的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元素的结构是

Answer 1

我通过使用SVG和内部的附加方法解决了它。