如何使用ReactJS搜索地址并将地址JSON数据显示到我的页面上？我只能将它放到.then的控制台日志中

import React, { useState } from 'react';

const AddressSearch = () => {
  const [addressData, setAddressData] = useState([]);

  const handleSearch = () => {
    // 发送地址搜索请求，并将返回的JSON数据存储到addressData状态变量中
    fetch('your-api-url', {
      method: 'POST',
      body: JSON.stringify({ address: 'your-search-input' }),
      headers: {
        'Content-Type': 'application/json'
      }
    })
      .then(response => response.json())
      .then(data => setAddressData(data))
      .catch(error => console.log(error));
  };

  return (
    <div>
      <input type="text" placeholder="输入地址" />
      <button onClick={handleSearch}>搜索</button>
      <ul>
        {addressData.map((address, index) => (
          <li key={index}>{address}</li>
        ))}
      </ul>
    </div>
  );
};

export default AddressSearch;