我可以帮您进行翻译。以下是翻译的结果:
如何将数据从React发送到Node服务器并将结果返回到React? 我在React上有一个表单,并且有一些来自表单的数据,我想将这些数据发送到Node服务器更改这些数据并将结果返回到React。
React代码:
如何将数据从React发送到Node服务器并将结果返回到React? 我在React上有一个表单,并且有一些来自表单的数据,我想将这些数据发送到Node服务器更改这些数据并将结果返回到React。
React代码:
var Exp = React.createClass({
getInitialState: function () {
return {count: ""};
},
handleChange: function (event) {
this.setState({count: event.target.value});
},
render: function () {
return <div>
<h1>Count: {this.state.count}</h1>
<form method="post">
<input type="text" onChange={this.handleChange}/>
<button onClick={this._onChange}>Submit</button>
</form>
</div>;
},
_onChange: function (event) {
event.preventDefault();
console.log("count: " + this.state.count);
}});React.render(<Exp />, document.getElementById('container'));
节点:
var express = require('express');
var mathjs = require('mathjs');
var bodyParser = require('body-parser');
var app = express();
app.use(bodyParser());
app.get('/', function (req, res) {
var html = '<form action="/" method="post">' +
'<input type="text" name="expression" />' +
'<br>' +
'<button type="submit">Submit</button>' +
'</form>';
res.send(html);});
app.post('/', function (req, res) {
var expResult = mathjs.eval(req.body.expression);
var html = 'Result: ' + expResult + '.<br>' +
'<a href="/">Try again.</a>';
res.send(html);});
app.listen(3333);