ユーザーが画像ファイルを選択してBase64形式に変換できるようにするReact機能コンポーネントの例を次に示します。

「JavaScript
「React」からReact、{UseState}をインポートします。

const imageupload =（）=> {
  const [image、setimage] = uesestate（null）;

  const handlechange =（e）=> {
    const reader = new fileReader（）;
    reader.onload =（event）=> {
      setimage（event.target.result）;
    };
    reader.readasdataurl（e.target.files [0]）;
  };

  戻る （
    <div>
      <入力
        type = "file"
        Accept = "image/*"
        onchange = {handlechange}
      />
      { 画像
        && <img
          alt = "プレビュー"
          src = {image}
        />
      }
    </div>
  ）;
};

デフォルトのImageUploadをエクスポートします。
`` `
Here's an example of a React functional component that allows a user to select an image file and converts it to base64 format:

```javascript
import React, { useState } from 'react';

const ImageUpload = () => {
  const [image, setImage] = useState(null);

  const handleChange = (e) => {
    const reader = new FileReader();
    reader.onload = (event) => {
      setImage(event.target.result);
    };
    reader.readAsDataURL(e.target.files[0]);
  };

  return (
    <div>
      <input
        type="file"
        accept="image/*"
        onChange={handleChange}
      />
      { image
        && <img
          alt="Preview"
          src={image}
        />
      }
    </div>
  );
};

export default ImageUpload;
```