大佬教程收集整理的这篇文章主要介绍了反应 <Link> 以同时使用 href 和 onClick,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想将 <a>
与 href
和 onClick
一起使用,以便我的代码在重定向到 onClick
值之前完全执行传递的 href
处理程序:
示例:
const link = ({ children,...props }) => <a {...props}>{Children}</a>;
const soMetask = () => {
for (let i = 0; i < 1000; i++) {
console.log(i);
}
};
export default App = () => (
<link href="https://stackoverflow.com" onClick={soMetask}>
Click me
</link>
);
目前,以上不会在重定向前记录最多 1000 的所有数字。对我来说,在重定向发生之前记录了大约 180 个数字。
我不想要一个设置 href="#"
并处理 onClick
内的重定向的解决方案。这是由于可访问性原因,我的 <a>
需要具有明确的 href
属性值。
我研究过的一些类似帖子:
onClick
内的所有内容并且没有 href
onClick
处理程序返回 true 或 false 是否允许 href
,但 React 不允许此语法 https://reactjs.org/docs/handling-events.html
只要生成的 <a>
具有诚实的 href
并完全执行其 onClick
处理程序,我对其他方法持开放态度。
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)
以上是大佬教程为你收集整理的反应 <Link> 以同时使用 href 和 onClick全部内容,希望文章能够帮你解决反应 <Link> 以同时使用 href 和 onClick所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。