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]
Eine Möglichkeit (keine Gute) den Preis als Attribut im Buttonelement setzen und diesen im Klick auslesen (da man im clickEvent mit this ja auf das Element Zugriff hat).
Gast
#7038795
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
.
Ist wirklich etwas spät, aber trotzdem Danke!
Antwort schreiben
Bitte melde dich an, um einen Beitrag zu schreiben.