Closed
Description
Version
latest
Link to Minimal Reproduction
none
Steps to Reproduce
如图，仅打印了 onReady
本地启动简单 demo，也是一样：
const getData = () =>
['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'].map(time => ({
time,
value: Math.random() * 40
}));
const root = document.getElementById(CONTAINER_ID);
const { VChart, BarChart, Bar } = ReactVChart;
const { useState, useRef, useEffect } = React;
const Card = () => {
const [data, setData] = useState(getData());
const chartRef = useRef(null);
useEffect(() => {
window['vchart'] = chartRef;
}, []);
const handleSwitchData = () => {
setData(getData());
};
const handleBarClick = params => {
console.log(params);
};
return (
<div>
<BarChart ref={chartRef} data={[{ id: 'id0', values: data }]}
onReady={() => console.log('onReady')}
onInitialized={() => console.log('onInitialized')}
onRendered={() => console.log('onRendered')}
onLayoutEnd={() => console.log('onLayoutEnd')}
onRenderFinished={() => console.log('onRenderFinished')}
>
<Bar
xField="time"
yField="value"
bar={{
state: {
hover: {
fill: 'black'
}
}
}}
onClick={handleBarClick}
/>
</BarChart>
<button
style={{ position: 'absolute', top: 0, left: '50%', transform: 'translate(-50%, 0)' }}
onClick={handleSwitchData}
>
Switch Data
</button>
</div>
);
};
ReactDom.createRoot(root).render(<Card />);
// release react instance, do not copy
window.customRelease = () => {
ReactDom.unmountComponentAtNode(root);
};Current Behavior
只触发了 onReady
Expected Behavior
其他相应钩子正常触发
Environment
- OS:
- Browser:
- Framework:Any additional comments?
No response