Wie manuell ein Klick-Ereignis auf einem Dom in reactjs

Question

auslösen Ich möchte manuell ein onclick-Ereignis für ein Eingabeelement auslösen. Ich habe etwas gesucht und den Code wie folgt geschrieben.

<input type="date" ref={datePicker => this.datePicker = datePicker}/> 
      <button 
        onClick={(e) => { 
         this.datePicker.click() 
        }}> 
      Select the data 
      </button> 

Dann Code unten Ich habe auch versucht:

<input type="date" ref='datePicker'/> 
       <button 
         onClick={(e) => { 
          this.refs.datePicker.click() 
         }}> 
       Select the data 
       </button> 

Keines der oben Code funktioniert. Wenn ich auf den Knopf klicke, passiert nichts. Ich erwarte, die Datenauswahl ui zu öffnen.

Answer 1

habe ich versucht, Ihre Beispiele beide, und das <input> des Elements .click() Methode ist in der Tat genannt. Der Grund dafür, dass es nicht so funktioniert, wie Sie es erwarten, ist, dass der Klick nur den Tastaturfokus in das Element bringt, er nicht auf die Datumsauswahl klickt. Öffnen Sie die Datumsauswahl programmgesteuert currently not possible, zumindest nicht in allen Browsern.

Answer 2

versuchen, ohne es als eine Funktion aufrufen:

onClick={(e) => {this.datePicker.click}}>