react提交用户信息给服务器,用react来实现一个用户登录框问题

我现在用react来实现一个用户用户框的效果。

目前使用了三个组件，一个最外层的LoginForm组件，另两个是用户名和密码组件。

FormLogin

--- LoginUserName

--- LoginUserPassword

下一步要实现的是登录按钮点击功能，对此不知应该如何实现为好，如果获取两个组件的元素值(用户输入的用户名和密码)。然后再向后端服务器提交。。。最好有这方面的资料，自己找了实在是找不到.

源码如下：

/* @flow */

var LoginForm = React.createClass({

handleClick: function() {

console.log('submit');

},

render: function() {

return (

登录名：

密 码：

);

}

});

var LoginUserName = React.createClass({

getInitialState: function() {

return {value: '登录用户名'};

},

handleChange: function(event) {

this.setState({value: event.target.value});

},

render: function() {

var value = this.state.value;

return ;

}

});

var LoginUserPassword = React.createClass({

getInitialState: function() {

return {value: '登录密码'};

},

handleChange: function(event) {

this.setState({value: event.target.value});

},

render: function() {

var value = this.state.value;

return ;

}

});

ReactDOM.render(,

document.getElementById("content")

);