Typecript屬性''在類型'never'上不存在。在React NodeJs堆棧中

Question

我正在慢慢地教自己NodeJs，Express，React，monogoDB和Typescript ..（來自MVC C＃SQL DB背景）

我非常簡單的Hello world程序只需要與Express服務器通信以顯示用戶列表。 我的Express服務器在端口3001上，我的Create-React-App前端在端口3000上。

我的App組件如下：

import * as React from 'react';
import './App.css';

const logo = require('./logo.svg');

class App extends React.Component {
  state = {users: []}
  componentDidMount(){
    console.log("Fetching Users");
    fetch('/users')
      .then(res=> res.json())
      .then(users=> this.setState({users}));
  }
  render() {
    return (
      <div className="App">
        <div className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <h2>Welcome to React test</h2>
          {this.state.users.map(user => 
            <div key={user.id}>{user.username}</div>
          )}
        </div>
        <p className="App-intro">
          To get started, edit <code>src/App.tsx</code> and save to reload.
        </p>
      </div>
    );
  }
}

export default App;

錯誤：

（21,28）：錯誤TS2339：'never'類型中不存在屬性'id'。

我可以看到問題是我沒有定義用戶包含屬性users.id和users.username ..但我不確定如何做到這一點？

Answer 1

我可能已經快速發布了這個問題。 但我解決了我的答案

import * as React from 'react';
import './App.css';

const logo = require('./logo.svg');

interface Iuser {
  id: number,
  username: string
}

class App extends React.Component {
  state = {users: Array<Iuser>()}
  componentDidMount(){
    console.log("Fetching Users");
    fetch('/users')
      .then(res=> res.json())
      .then(users=> this.setState({users}));
  }
  render() {
    return (
      <div className="App">
        <div className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <h2>Welcome to React test</h2>
          {this.state.users.map(user => 
            <div key={user.id}>{user.username}</div>
          )}
        </div>
        <p className="App-intro">
          To get started, edit <code>src/App.tsx</code> and save to reload.
        </p>
      </div>
    );
  }
}

export default App;

（為數組對象創建接口）

我之前嘗試過，但語法錯誤。