ant-design-charts icon indicating copy to clipboard operation
ant-design-charts copied to clipboard

🐛[BUG] Error Occurs When Calling setState in Click Event Listener

Open silankfakentend opened this issue 4 months ago • 0 comments

🐛 bug 描述 [详细地描述 bug,让大家都能理解]

image image

📷 复现步骤 [清晰描述复现步骤,让别人也能看到问题]

🏞 期望结果 [描述你原本期望看到的结果]

不报错

💻 复现代码 [提供可复现的代码,仓库,或线上示例]

在这个 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]

🚑 其他信息 [如截图等其他信息可以贴在这里]

silankfakentend avatar Sep 27 '24 12:09 silankfakentend