etc-hooks/es/useCallbackRef/example/example.js

Etcetera React 业务 Hooks

import React, { useCallback } from "react";
import { useCallbackRef } from "etcHooks";
import { Button } from "antd";
var EtcDemo = function EtcDemo() {
    // 创建一个回调函数的引用
    var callback = useCallbackRef(function(value) {
        console.log("Callback invoked with value:", value);
    });
    // 使用 useCallback 保证依赖项不变时引用不变
    var handleClick = useCallback(function() {
        callback && callback("Hello World");
    }, [
        callback
    ]);
    return React.createElement("div", null, React.createElement(Button, {
        type: "primary",
        onClick: handleClick
    }, "Invoke Callback"));
};
export default EtcDemo;