webentwicklung-frage-antwort-db.com.de

Wie kann man in React einstellen, indem man auf href klickt, um nichts zu tun?

Ich habe das folgende HTML-Element:

<a href onClick={() => fields.Push()}>Add Email</a>

Ich brauche das href-Attribut, damit bootstrap das Element mit einem Verbindungsstil (Farbe, Cursor) formatiert.

Problem ist, wenn ich darauf klicke, bewirkt dies, dass der Browser umgeleitet wird. Wie kann ich die oben genannten Informationen aktualisieren, um den Browser nicht auf "onClick" umzuleiten, aber dennoch Felder auszuführen.

Vielen Dank

javascripttwitter-bootstrapreactjsbootstrap-4
7
AnApprentice

Sie sollten die Schreibmethode clickHappens in der reagieren-Komponente erwägen, anstatt diese Inline zu schreiben. Hoffe, es funktioniert!

<a href onClick={(e) => {e.preventDefault(); fields.Push()}}> Add Email </a>
4
Jan Ciołek

Sie sollten-InfoDefault Funktion von onClick event wie folgt aufrufen:

class App extends React.Component {
  onClick = (e) => {
    e.preventDefault()
    console.log('onclick..')
  }
  render() {
    return (
      <a href onClick={this.onClick} >Click me</a>
    )
  }
}

Sie können etwas Ähnliches für Ihren Anwendungsfall verwenden:

    const renderEmails = ({ fields }) => (
      ...
      <a href onClick={(e) => {
        e.preventDefault()
        fields.Push()
      }}>Add Email</a>
      ...
    )
6
Ritesh Bansal

javascript hinzufügen: void (0):

<a href="javascript:void(0);" onClick={() => fields.Push()}>Add Email</a>
1
Ashu