rempei
@rempei

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

React 初心者

解決したいこと

codepenでReactを動かしたいのですが全然動いてくれません
何か必要な設定があるのでしょうか?バベルにはしています。

発生している問題・エラー

Reactで書いたものが表示されません

または、問題・エラーが起きている画像をここにドラッグアンドドロップ

該当するソースコード

React
ソースコードを入力
import React from "https://cdn.skypack.dev/React";
import ReactDOM from "https://cdn.skypack.dev/react-dom@17.0.1";

const root = ReactDOM.createRoot(document.getElementById('root'));
const element = <h1>hello</h1>;
root.render(element);

HTML
<div id="root">
  
</div>

### 自分で試したこと
Reactのページのコードを試したり自分でいろいろ書いたりしてみましたが何も表示されません。エラーも出ません。
0

1Answer

React 18の書き方をしていますが,Skypackからはv17しか取得できないようでした.
CDNのパスを直接指定するかわりにAdd packagesからインストールしてみてください.

import React from 'https://esm.sh/react@18.2.0'
import ReactDOM from 'https://esm.sh/react-dom@18.2.0'
1Like

Comments

  1. @rempei

    Questioner

    表示されました!
    教えていただいてありがとうございました!!

Your answer might help someone💌