Javascript 如何使用节点Js将React Js连接到mysql?

Javascript 如何使用节点Js将React Js连接到mysql?,javascript,mysql,node.js,reactjs,Javascript,Mysql,Node.js,Reactjs,我在使用nodejs将ReactJs连接到mysql时遇到问题。 这是我的完整代码 这是我的React文件'member.js',运行在端口3000上 import React, { Component } from 'react'; class Member extends Component { constructor() { super(); this.state = { player: {} }; this.onSubmit = this.handleSub

我在使用nodejs将ReactJs连接到mysql时遇到问题。 这是我的完整代码

这是我的React文件'member.js',运行在端口3000上

import React, { Component } from 'react';

class Member extends Component {
  constructor() {
    super();
    this.state = { player: {} };
    this.onSubmit = this.handleSubmit.bind(this);
  }

  handleSubmit(e) {
    e.preventDefault();
    var self = this;

    fetch('/player', {
      method: 'GET',
      data: {
        number: self.refs.number,
        name: self.refs.name,
        position: self.refs.position
      }
    }).then(function(response) {
        return response.json();
      }).then(function(body) {
        console.log(body);
    });
  }

  render() {
    return (
      <div className="member-page">
        <form onSubmit={this.onSubmit}>
          <input type="text" placeholder="Number" ref="number" />
          <input type="text" placeholder="Name" ref="name" />
          <input type="text" placeholder="Position" ref="position" />
          <input type="submit" />
        </form>
      </div>
    )
  }
}
export default Member;
当我尝试输入数据时,我得到如下错误“未捕获(承诺中)SyntaxError:JSON中位置0处的意外标记S”,我不知道为什么,2天之后我必须再次向我的讲座表明这一责任,请任何人帮助我解决此问题


非常感谢。

首先,您从哪里得到的错误

那么,在构建JSON负载时,您是否可以尝试将quote添加到react脚本中

data : {
    "number" : self.refs.number,
    "name" : self.refs.name,
    "position" : self.refs.position,
}
然后,确保将标题上的内容类型设置为application/json:

“内容类型”:“应用程序/json”


首先,你是从哪里得到这个错误的

那么,在构建JSON负载时,您是否可以尝试将quote添加到react脚本中

data : {
    "number" : self.refs.number,
    "name" : self.refs.name,
    "position" : self.refs.position,
}
然后,确保将标题上的内容类型设置为application/json:

“内容类型”:“应用程序/json”


请将代码作为块而不是图片发布,然后我们可以提供帮助。谢谢,我已将图片更改为块代码@ShubhamJainYou正在调用get方法,而在你的player.js中你没有任何get方法,你有post方法??这是一个打字错误吗?请将代码作为块而不是图片发布,然后我们可以提供帮助。谢谢,我已将图片更改为块代码@ShubhamJainYou正在调用get方法,而在你的player.js中你没有任何get方法,你有post方法??是打字错误吗?