react-vis不会第二次绘制( react-vis只绘制一次，或者react-vis只绘制第一次)

Question

我有一个包含react-vis的组件。此组件位于chart选项卡上的react- tab中。当我第一次访问该选项卡时，它被绘制为ok。在那之后，每次它都不会被画出来。问题出在哪里？

return (
                <div style={{
                    width: "95%",
                    height: "60vh",
                    marginLeft: "25px"
                }}>
                    <FlexibleXYPlot>
                        <HorizontalGridLines/>
                        <LineSeries
                            data={preparedData}/>
                        <XAxis title="1" position="middle"/>
                        <YAxis title="2" position="middle"/>
                    </FlexibleXYPlot>
                </div>

)

Answer 1

嗯，我在问题中发现这是一个已知的bug。https://github.com/uber/react-vis/issues/655

<FlexibleXYPlot width={100} height={100}>解决了这个问题