Arrow Функция preventDefault

Question

Как я могу preventDefault на <Link> ниже в зависимости от значения dependency?

handleClick(e, dependency) { 
    if (!isLoaded(dependency)) e.preventDefault(); 
} 

renderItem(data) { 
    const { url, dependency } = data; 
    return (
    <Link to={url} onClick={() => this.handleClick(dependency)} /> 
); 
} 

Поскольку анонимные функции стрелки является асинхронной, то ссылка продолжается и preventDefault игнорируются.

Answer 1

Я понял, что вы можете передать объект события анонимного обратного вызова:

handleClick(e, dependency) { 
    if (!isLoaded(dependency)) e.preventDefault(); 
} 

renderItem(data) { 
    const { url, dependency } = data; 
    return (
    <Link to={url} onClick={(e) => this.handleClick(e, dependency)} /> 
); 
}