входная форма отправки пустого значения в responsejs

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/