Javascript/React: Wie handle ich Props?

OP (Firma: Q3) #7019251
Lesenswert?
• ▲
▼
Ich habe den folgenden Mustercode, geschrieben in React. Es handelt sich 
um eine selbst definierte Komponente mit einem Click-Event. Das Problem: 
Wie bekomme ich das Prop "price" als Argument in die 
handleClick-Funktion? So wie es jetzt da steht, funzt es nicht, 
Syntax-Error ... (wäre aber Wunschvorstellung). Schreibe ich eine 
String-Konstante als Argument von handleClick hin, wird diese übernommen 
... Danke für Tips.

[/code]
import { render } from "react-dom/cjs/react-dom.production.min"


export const ProgBtn = props => {

    const handleClick = (e) => {console.log(e);}

    // wie den Preis in den Click-Event uebernehmen?

    return (
    <button onClick={handleClick(props.price)} 
className="prgbtn">{props.name} : {props.price}</button>
    );

}
[code]
Gast #7038795
Lesenswert?
• ▲
▼
Das ist jetzt etwas spät, aber ich denke das müsste 
{()=>handleClick(props.price)} statt {handleClick(props.price)} sein.

Falls das nichts hilft, checke mal die Version und Reihenfolge der 
Transpiler
.

Antwort schreiben

Hinweis: der ursprüngliche Beitrag ist mehr als 6 Monate alt. Bitte hier nur auf die ursprüngliche Frage antworten, für neue Fragen einen neuen Beitrag erstellen.

Formatierung
  • [c]C-Code[/c]
  • [code]Code in anderen Sprachen, ASCII-Zeichnungen[/code]
  • [math]Formel in LaTeX-Syntax[/math]
  • [[Titel]] – Link zu einem Artikel
  • Verweis auf einen anderen Beitrag: Rechtsklick auf dessen Beitrags-ID (#8078628), „Adresse kopieren“, in den Text einfügen

Mehr zur Formatierung

Längeren Sourcecode als Anhang, nicht in den Text. JPG nur für Fotos und Scans; Zeichnungen und Screenshots als PNG oder GIF. Siehe Bildformate.

Schon registriert? Anmelden

Wird nicht angezeigt. Wir schicken dir einen Link; sobald du damit bestätigst, erscheint dein Beitrag.

Mit dem Abschicken legst du einen kostenlosen Account an und erkennst die Nutzungsbedingungen und die Datenschutzerklärung an.