javascript - 如何在 node.js 上连接 reactJS 和 mysql

Question

我正在尝试将表单数据从 reactJS 插入到 Node.js 上的 mysql 数据库中。我是 reactJS 的初学者，所以请帮助我。

import React from 'react';
import Layout from './App.jsx';

class Header extends React.Component{

constructor(props) {
  super(props);
  this.handleSubmit = this.handleSubmit.bind(this);
}

handleSubmit(event) {
 var fname=this.refs.fname.value; //This variable holds firstname 
}
render() {
  return (
    <div>
      <form onSubmit={this.handleSubmit}>
      <h1>Registration Form: </h1>
      <label>
       First Name:
       <input type="text" ref="fname" value={this.state.fname}  /><br/><br/>
      </label><br/>
      <label>
       Last Name:
       <input type="text" ref="lname" value={this.state.lname}  /><br/><br/>
      </label><br/>
    <input type="submit" value="Submit" />      
  </form>
 </div> 
);
 }
}
export default Header;

上面的代码是Header.jsx 渲染表单

变量 fname 包含我想插入到 mysql 数据库中的值。

Answer 1

好吧，您的问题的答案可能会深入到 flux(或 redux)架构并讨论服务、调度操作等。如果你想正确地做到这一点，那么你可能需要了解这些东西。如果你想快速完成，那么你可以通过 props 将任何你想要的传递给组件。例如:

var storeToDatabase = function(username) {
  // here you call a backend endpoint with some library like superagent
}

<Header store={ storeToDatabase } />

// and then in your Header.jsx component
handleSubmit(event) {
 var fname = this.refs.fname.value;

 this.props.store({ fname });
}

因此，React 仅用于渲染 View 。所有其他的东西都应该在它之外处理。