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

我们在使用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问题。