Question

所以我基本上有一个带有客户，项目和任务列表的mssql数据库，我需要使用react和express以表格形式获取和显示数据。

https://i.stack.imgur.com/pVJ43.png

到目前为止，我设法使用express连接到我的数据库，我可以在后端使用express以json格式显示该信息，但我接下来要做的就是使用react显示在frondend上。

到目前为止，我的反应代码看起来像这样：

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';

class App extends Component {

state = { users: [] }

componentDidMount() {
fetch('/users')
  .then(res => res.json())
  .then(users => this.setState({ users }));
}


render() {
return (
  <div>
    <h1>Users</h1>
    <ul>
      {this.state.users.map(user =>
        <li key={user.id}>{user.username}</li>
      )}
    </ul>
  </div>
);
}
}

export default App;

我遇到的错误和编译版本：

未处理的拒绝（SyntaxError）：位于0的JSON中的意外的标记P

参考：React和complied version

那么，如何使用这两个框架将我的后端与前端连接起来？

提前致谢！

如何使用react和express从mssql数据库中获取和显示数据？

0 个答案: