从django API获取react中的用户数据？

from django.http import JsonResponse
from django.contrib.auth.models import User

def get_user_data(request):
    users = User.objects.all()
    user_data = [{'username': user.username, 'email': user.email} for user in users]
    return JsonResponse(user_data, safe=False)

import React, { Component } from 'react';

class UserList extends Component {
  constructor(props) {
    super(props);
    this.state = {
      users: [],
    };
  }

  componentDidMount() {
    fetch('/api/get_user_data')
      .then(response => response.json())
      .then(data => this.setState({ users: data }));
  }

  render() {
    const { users } = this.state;
    return (
      <div>
        <h1>User List</h1>
        <ul>
          {users.map(user => (
            <li key={user.username}>
              <span>{user.username}</span>
              <span>{user.email}</span>
            </li>
          ))}
        </ul>
      </div>
    );
  }
}

export default UserList;