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.OnButtomSubmitchangez cela enOnButtonSubmit