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

Bitte melde dich an, um einen Beitrag zu schreiben.

oder

Mit Google-Account einloggen

Die Registrierung ist kostenlos und dauert nur eine Minute.

Jetzt registrieren