如何使用React根据博客文章的ID显示博客文章？

import React, { useState } from 'react';

const BlogPost = () => {
  const [postId, setPostId] = useState('');

  const handleInputChange = (event) => {
    setPostId(event.target.value);
  };

  const fetchBlogPost = async () => {
    try {
      const response = await fetch(`/api/blog/${postId}`);
      const data = await response.json();
      // 处理获取到的博客文章数据
    } catch (error) {
      console.error('Error fetching blog post:', error);
    }
  };

  return (
    <div>
      <input type="text" value={postId} onChange={handleInputChange} />
      <button onClick={fetchBlogPost}>显示博客文章</button>
      {/* 展示博客文章数据 */}
    </div>
  );
};

export default BlogPost;