href属性使用js代码段在React下warning问题

2019年12月04日Web前端

我们在使用a标签的时候,若不想用a标签的href跳转,而要使用自己绑定的click或其他事件时,往往会通过插入js代码段的方式设置href为javascript:;javascript:void(0);等达到href无跳转的结果。但是这么设置在React中会提示warning:A future version of React will block javascript: URLs as a security precaution. Use event handlers instead if you can. If you need to generate unsafe HTML try using dangerouslySetInnerHTML instead. React was passed "javascript:;",这样的话,我们该如何处理。

处理方法

在href中插入代码段的方式是不可行的,转而可以使用以下方式:

<a href="#" onClick={ (e) => { e.preventDefault() } }></a>

这样就解决了warning问题。

目录