「React」が「react」からのデフォルトのエクスポートである場合、「React」の代わりに他の名前を使用できないのはなぜですか

だから、私はこの質問に対するいくつかの答えを探していたところ、インポート中に「React」はデフォルトのエクスポートであり、名前付きエクスポートではないため、{}にある必要はないことがわかりました。まあ、それは正しいですが、デフォルトのエクスポートをインポートするときに、インポート時に任意の名前を使用できます。ただし、この場合、使用できるのは以下のインポートのみです。

import React from 'react';

ではなく

import Somename from 'react';

あなたはできるそのように反応インポートしていますが、JSXを使用している場合、あなたはまた、あなたが「ビルダー」機能は、もはやであることを利用していないしていることをtranspilerを伝えるためにあなたの設定で更新する必要がありReact.createElementますが、その代わりですSomename.createElement。（Babelを使用している場合は、pragmaディレクティブを使用してそれを行います。）これは、Reactのドキュメントに記載されているように、次の理由によります。

const element = (
  <h1 className="greeting">
    Hello, world!
  </h1>
);

に移される：

const element = React.createElement(
  'h1',
  {className: 'greeting'},
  'Hello, world!'
);

... so React（または設定で変更した名前）がスコープ内にある必要があります。それ以外は大丈夫です。