怎么在React函数组件中标一个隐藏的点，谢谢

[xufengri]

怎么在React函数组件中标一个隐藏的点，谢谢

[heylight]

我不太明白你的意思，是要隐藏画布中的点标注吗？

请多一些描述

[xufengri]

对的，因为那些on监听的事件不是放在useEffect中对吧，我html元素点击有些隐藏有些展示怎么做呢

[heylight]

希望对你有帮助

import React, { useEffect, useRef } from 'react';
import CanvasSelect from 'canvas-select';

function Demo() {
  const el = useRef(null);
  useEffect(() => {
    const instance = new CanvasSelect(el.current, '[图片链接]');
    // 实例创建完成就可以在画布上标注了
    // 选择需要隐藏的标注图形
    instance.on('select', (info) => {
      console.info(info);
      // 修改隐藏属性: info.hide=true
      // 最后调用instance.update()更新视图
    });
    return () => {
      instance.destroy();
    };
  }, []);
  return <canvas ref={el} className="test" />;
}
export default Demo;

[xufengri]

老哥能加个微信嘛

[heylight]

老哥能加个微信嘛

heylight