# 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>
1

# javascript:scroll(0, 0)跳转到顶部

处理方法:

  <a href="#" onClick = {() => window.scrollTo("0", "0");}></a>
1