ant-design-charts
ant-design-charts copied to clipboard
🐛[BUG] Error Occurs When Calling setState in Click Event Listener
🐛 bug 描述 [详细地描述 bug,让大家都能理解]
📷 复现步骤 [清晰描述复现步骤,让别人也能看到问题]
🏞 期望结果 [描述你原本期望看到的结果]
不报错
💻 复现代码 [提供可复现的代码,仓库,或线上示例]
在这个 demo 添加 useState
import React,{useState} from 'react';
import ReactDOM from 'react-dom';
import { Column } from '@ant-design/plots';
const DemoDefaultTooltip = () => {
+ const [value, setValue] = useState();
const data = [
{ letter: 'W', frequency: 236 },
{ letter: 'X', frequency: 15 },
{ letter: 'Y', frequency: 1974 },
{ letter: 'Z', frequency: 74 },
];
const config = {
data,
xField: 'letter',
yField: 'frequency',
+ interaction:{
+ elementSelect: true,
+ },
onReady: ({ chart }) => {
+ chart.on(`interval:click`, (event) => {
+ console.log(event, 'event')
+ setValue(123)
+ })
},
};
return <Column {...config} />;
};
ReactDOM.render(<DemoDefaultTooltip />, document.getElementById('container'));
© 版本信息
- ant-design-charts 版本: 2.2.1
- 浏览器环境
- 开发环境 [e.g. mac OS]