2024-02-22 14:20:39 +01:00
|
|
|
include::../common/rule.adoc[tag=header]
|
2023-11-16 08:42:49 +00:00
|
|
|
|
|
|
|
=== Code examples
|
|
|
|
|
|
|
|
==== Noncompliant code example
|
|
|
|
|
2024-02-22 14:20:39 +01:00
|
|
|
[source,javascript,diff-id=1,diff-type=noncompliant]
|
2023-11-16 08:42:49 +00:00
|
|
|
----
|
2024-02-22 14:20:39 +01:00
|
|
|
const MyComponent = () => {
|
|
|
|
return <>
|
|
|
|
<a href="javascript:void(0)" onClick={foo}>Perform action</a>
|
|
|
|
<a href="#" onClick={foo}>Perform action</a>
|
|
|
|
<a onClick={foo}>Perform action</a>
|
|
|
|
</>;
|
|
|
|
};
|
2023-11-16 08:42:49 +00:00
|
|
|
----
|
|
|
|
|
|
|
|
==== Compliant solution
|
|
|
|
|
2024-02-22 14:20:39 +01:00
|
|
|
[source,javascript,diff-id=1,diff-type=compliant]
|
2023-11-16 08:42:49 +00:00
|
|
|
----
|
2024-02-22 14:20:39 +01:00
|
|
|
const MyComponent = () => {
|
|
|
|
return <>
|
|
|
|
<button onClick={foo}>Perform action</button>
|
|
|
|
<a href="#section" onClick={foo}>Perform action</a>
|
|
|
|
</>;
|
|
|
|
};
|
2023-11-16 08:42:49 +00:00
|
|
|
----
|
|
|
|
|
2024-02-22 14:20:39 +01:00
|
|
|
include::../common/rule.adoc[tag=footer]
|