獲取表單提交的結果

Question

我有以下形式：

<form onSubmit={this.gotEmail}> 
    <div className="form-group"> 
    <FormControl type="text" className="form-control"/> 
    </div> 
    <Button className="btn btn-primary btn-large centerButton" type="submit">Send</Button> 
</form> 

交房時，我想獲得現場寫這裏的用戶：

<FormControl type="text" className="form-control"/> 

我試圖得到它像這樣：

gotEmail: function(email) { 
    console.log("Email: ", JSON.stringify(email)) 
} 

不過，我得到這個錯誤：

EmailForm.jsx:9 Uncaught TypeError: Converting circular structure to JSON 

當我嘗試打印在控制檯email我得到這個：

(program):132 Uncaught illegal access 

我怎樣才能得到用戶的輸入？

Answer 1

在普通的JavaScript，你可能會做以下幾點：

HTML:

<form action="getInput()"> 
<input type="text" id="email" class="form-control/> 
</form> 

JS:

function getInput(){ 
var email = document.getElementById("email").value; 
alert(email); 
} 

Answer 2

訪問陣營的組件的HTML元素的正確方法是：

import { findDOMNode } from 'react-dom' 

[...] // all your other script stuff here 

render() { 
    return (
    <form onSubmit={this.gotEmail}> 
     <div className="form-group"> 
     <FormControl ref="email" type="text" className="form-control"/> 
     </div> 
     <Button className="btn btn-primary btn-large centerButton" type="submit">Send</Button> 
    </form> 
) 
} 

gotEmail() { 
    console.log(findDOMNode(this.refs.email).value) 
}