具有嵌套ListView双击事件的ListView将触发两次

// 假设使用的是React框架
function NestedListView() {
    const handleDoubleClick = (event) => {
        event.stopPropagation(); // 阻止事件冒泡
        console.log('Double clicked!');
    };

    return (
        <div onDoubleClick={handleDoubleClick}>
            <ListView>
                {items.map(item => (
                    <div key={item.id} onDoubleClick={handleDoubleClick}>
                        {item.name}
                        <ListView>
                            {/* 内部ListView的内容 */}
                        </ListView>
                    </div>
                ))}
            </ListView>
        </div>
    );
}

import { debounce } from 'lodash';

function NestedListView() {
    const handleDoubleClick = debounce(() => {
        console.log('Double clicked!');
    }, 300); // 300毫秒内只执行一次

    return (
        <div onDoubleClick={handleDoubleClick}>
            <ListView>
                {items.map(item => (
                    <div key={item.id} onDoubleClick={handleDoubleClick}>
                        {item.name}
                        <ListView>
                            {/* 内部ListView的内容 */}
                        </ListView>
                    </div>
                ))}
            </ListView>
        </div>
    );
}