88605


以下のワーニングが解決できずに困っています。  
解決のためのアドバイスを頂けましたら幸いです。

[code]

    react-dom.development.js:86 Warning: The tag <image> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.
        at image
        at ProfilePicture
        at App
    
[/code]

#### 開発環境

・Reactのバージョン：React18  
・OS：Windows10  
・エディタ：VSCode  
・ブラウザ：Chrome（バージョン: 100.0.4896.127）

### 試したこと

  * imageタグを持つコンポーネント（ProfilePicture.jsx）のファイル名、関数を格納する変数(export const ProfilePicture)、import先のコンポーネント名の先頭文字が大文字になっているかの確認

  * imageタグがReactでは使えないのか？あるいは何か特殊な使い方があるのか？あるいはReact専用のimageタグのようなものがあるのか？をネットで調査

### ソースコード

index.js

[code]

    import React from "react";
    import { createRoot } from "react-dom/client";
    import { App } from "./App";
    
    const container = document.getElementById("root");
    const root = createRoot(container); // createRoot(container!) if you use TypeScript
    root.render(<App tab="home" />);
    
[/code]

App.jsx

[code]

    import { Fragment } from "react";
    import { ProfilePicture } from "./components/ProfilePicture";
    
    export const App = () => {
      return (
        <Fragment>
          <ProfilePicture></ProfilePicture>
        </Fragment>
      );
    };
    
[/code]

ProfilePicture.jsx

[code]

    import Icon from "../images/MyProfilePic.jpg";
    
    export const ProfilePicture = () => {
      return <image src={Icon} alt="アイコン"></image>;
    };
    
[/code]

ファイル構成

[![画像の説明をここに入力](https://i.stack.imgur.com/jfEhl.png)](https://i.stack.imgur.com/jfEhl.png)


CC BY-SA 4.0
2022-05-01T12:47:01.103
88602
2022-05-02T05:30:57.693
2022-05-02T05:30:57.693
3060
21034
question
reactjs react-jsx
ReactでWarning: The tag <image> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.が未解決


自己解決しました。  
イメージタグのタグ名が間違ってました。  
誤：image  
正：img

英語のスペルで正しいものがタグ名だと思い込んでいたので、  
今後はタグ名が期待する動作をするタグ名かどうか調べて確認します。


CC BY-SA 4.0
2022-05-02T00:16:42.957
88605
2022-05-02T00:16:42.957
21034
88602
answer