mysqlデータベースに反応するjsフォームのデータを挿入します

Question

私はエクスプレスjs、フェッチapiを使用してmysqlデータベースに名前フィールドのデータを挿入する必要があります。誰でも簡単な方法でフローとプロジェクト構造を助けることができます。アドバンスありがとう。

class NameForm extends React.Component { 
 
    constructor(props) { 
 
    super(props); 
 
    this.state = {value: ''}; 
 

 
    this.handleChange = this.handleChange.bind(this); 
 
    this.handleSubmit = this.handleSubmit.bind(this); 
 
    } 
 

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

 
    handleSubmit(event) { 
 
    alert('A name was submitted: ' + this.state.value); 
 
    event.preventDefault(); 
 
    } 
 

 
    render() { 
 
    return (
 
     <form onSubmit={this.handleSubmit}> 
 
     <label> 
 
      Name: 
 
      <input type="text" value={this.state.value} onChange={this.handleChange} /> 
 
     </label> 
 
     <input type="submit" value="Submit" /> 
 
     </form> 
 
    ); 
 
    } 
 
} 
 

 
ReactDOM.render(
 
    <NameForm />, 
 
    document.getElementById('root') 
 
);

Answer 1

エクスプレスガイドにノードを使用してMySQLデータベースに接続する方法の本当に良い例があります。 https://expressjs.com/en/guide/database-integration.html#mysql

var mysql = require('mysql') 
var connection = mysql.createConnection({ 
    host  : 'localhost', 
    user  : 'dbuser', 
    password : 's3kreee7', 
    database : 'my_db' 
}); 

connection.connect() 

connection.query('SELECT 1 + 1 AS solution', function (err, rows, fields) { 
    if (err) throw err 

    console.log('The solution is: ', rows[0].solution) 
}) 

connection.end() 

希望することができます。