入力フォームが反応して空白値を送信

Question

反応を使用して入力値をconsole.logにしようとしています。以下のコード私は

import React from 'react'; 
import ReactDOM from 'react-dom'; 

class App extends React.Component{ 
    constructor() { 
    super(); 
    this.processHand = this.processHand.bind(this); 

    } 

    processHand(e){ 
    e.preventDefault(); 
    const handMoneyReceived = this.handMoney.value; 
    console.log(handMoneyReceived); 

    } 

    render(){ 
    return(
     <div> 
      <form onSubmit = {this.processHand}> 
      <input type="text"/> 
      <input type="submit" ref= {ref => this.handMoney = ref}/> 
      </form> 
     </div> 
    ) 
    } 
} 

ReactDOM.render(<App />, document.getElementById('container')); 

はconsole.log（handMoneyReceived）は、フォームに入力されたブランク値の代わりに、値をログアウトされて書かれています。

Answer 1

間違ったフィールドでrefを使用しているため、テキストフィールドでそれを使用し、これを試してみてください。

<input type="text" ref= {ref => this.handMoney = ref}/> 

作業fiddleを確認してください：https://jsfiddle.net/mayankshukla5031/k1efLh8e/