如何链接Django和React URL来执行操作？

from django.http import JsonResponse

def perform_operation(request):
    # 执行操作的代码逻辑
    data = {'result': '操作成功'}
    return JsonResponse(data)

from django.urls import path
from . import views

urlpatterns = [
    path('api/perform_operation/', views.perform_operation, name='perform_operation'),
]

CORS_ORIGIN_ALLOW_ALL = True

const performOperation = async () => {
  try {
    const response = await fetch('http://localhost:8000/api/perform_operation/');
    const data = await response.json();
    console.log(data.result); // 处理返回的数据
  } catch (error) {
    console.error(error);
  }
};

export default performOperation;

import React from 'react';
import performOperation from './apiService';

const MyComponent = () => {
  const handleClick = () => {
    performOperation();
  };

  return (
    <div>
      <button onClick={handleClick}>执行操作</button>
    </div>
  );
};

export default MyComponent;