J'essaye d'utiliser onClick pour mon bouton dans React qui est initialement censé simplement imprimer cliqué dans la console, mais ne fonctionne pas.
Le composant où il est appelé est:
OnInputChange=(event)=>{ console.log(event.target.value); } OnButtonSubmit=()=>{ console.log('clicked'); }
Le composant est utilisé dans App.js comme suit:
<ImageLinkForm OnInputChange={this.OnInputChange} OnButtonSubmit={this.OnButtonSubmit} ></ImageLinkForm>
Les définitions des fonctions sont: p>
import React from 'react' import 'tachyons' const ImageLinkForm=({OnInputChange,OnButtomSubmit}) =>{ return ( <div> <div className="center mt5 form br3 shadow-5 w-50"> <input className="f3 pa2 w-70 center" type="Text" onChange={OnInputChange}></input> <button className="w-30 f4 grow link ph3 pv2 dib white bg-black pointer ma1" onClick={OnButtomSubmit}>Detect</button> </div> </div> ) } export default ImageLinkForm
Je n'arrive pas à comprendre ce qui me manque ici. PS: onInputChange fonctionne très bien
3 Réponses :
const ImageLinkForm=({OnInputChange,OnButtomSubmit}) =>{ // you typed OnButtom with an m instead of an n
C'est juste une faute de frappe:
OnButtomSubmit // change m to n
Je pense que c'est une erreur de frappe dans
<ImageLinkForm OnInputChange={this.OnInputChange} OnButtonSubmit={this.OnButtonSubmit} ></ImageLinkForm>
Lorsque vous utilisez OnButtomSubmit
comme accessoire dans le fichier du composant et que vous utilisez OnButtonSubmit
lors de l'utilisation de cet accessoire.
J'espère que cela vous aidera
il y a une faute de frappe dans le composant
ImageLinkForm
.OnButtomSubmit
changez cela enOnButtonSubmit