1
votes

onClick = La fonction {OnButtomSubmit} ne fonctionne pas dans ReactJs

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


1 commentaires

il y a une faute de frappe dans le composant ImageLinkForm . OnButtomSubmit changez cela en OnButtonSubmit


3 Réponses :


0
votes
const ImageLinkForm=({OnInputChange,OnButtomSubmit}) =>{ // you typed OnButtom with an m instead of an n

0 commentaires

1
votes

C'est juste une faute de frappe:

OnButtomSubmit // change m to n


0 commentaires

0
votes

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


0 commentaires