如何在react原生应用中编码发送连接/好友请求

import React, { useState } from 'react';

const FriendRequest = () => {
  const [userId, setUserId] = useState('');
  const [requestType, setRequestType] = useState('');

  const sendRequest = async () => {
    try {
      const requestData = {
        userId: userId,
        requestType: requestType
      };

      const response = await fetch('/api/friend-request', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json'
        },
        body: JSON.stringify(requestData)
      });

      if (response.ok) {
        // 请求发送成功，更新页面状态或显示提示信息
        console.log('请求发送成功');
      } else {
        // 请求发送失败，显示错误信息
        console.error('请求发送失败');
      }
    } catch (error) {
      console.error('请求发送失败', error);
    }
  };

  return (
    <div>
      <input
        type="text"
        placeholder="目标用户ID"
        value={userId}
        onChange={(e) => setUserId(e.target.value)}
      />
      <input
        type="text"
        placeholder="请求类型"
        value={requestType}
        onChange={(e) => setRequestType(e.target.value)}
      />
      <button onClick={sendRequest}>发送请求</button>
    </div>
  );
};

export default FriendRequest;