Q&A
回答していただきありがとうございます。
htmlタグを変換しなくてはいけなかったのですね、、
前提・実現したいこと
プログラミング初心者です。
reactを用いて、htmlタグを直接javascriptのスクリプトに記述する仕組みを勉強しています。
参考書の通りにコードを入力したのですが、エラーコードが出てしまい、詰まってしまったため、なぜエラーが出ているのかを教えていただけますでしょうか。よろしくお願いいたします。
発生している問題・エラーメッセージ
Uncaught SyntaxError: Unexpected token '<' submit.html:15
該当のソースコード
html
1<!DOCTYPE html> 2<html> 3 <head> 4 <meta charset="UTF-8"> 5 <script src="https://unpkg.com/react@16/umd/react.development.js"></script> 6 <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script> 7 <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> 8 </head> 9 <body> 10 <h1>React</h1> 11 <div id="root">wait...</div> 12 <script> 13 let dom =document.querySelector('#root'); 14 let el =( 15 <div> 16 <h2>JSX sample</h2> 17 <p>This is sample message.</p> 18 </div> 19 ); 20 ReactDOM.render(el,dom); 21 </script> 22 </body> 23</html>
回答2件
0
ベストアンサー
私も知りませんでしたがbabel-standalone.jsというものがあるようですね。
確証はありませんが
<script type="text/babel"> let dom =document.querySelector('#root');
とtypeを指定する必要があるのでは？
投稿2019/10/06 06:12
退会済みユーザー
総合スコア0
0
この「HTMLタグ（っぽいもの）」はJavaScriptのシンタックスではエラーになるので実行する前にJavaScriptに変換する。
投稿2019/10/06 05:36
総合スコア10429
質問者がReactで、と記載しておりますので、React上での話のようです。
質問者さん>こういった勘違いを生まないために、質問のタグをしっかり指定しましょう。
生のJavaScriptでは変換しなくてはなりませんので、
今の質問状況ですと、タグにReactのタグがないので、生のJavaScriptでの質問と勘違いされます。
一応、「React html」でトップにくるのを貼ったのですが質問内容とは違ったのでしょうか？
後学のためご教授いただけると幸いです。
miyabi_takatsukさん ご指摘ありがとうございます。確かに、Reactタグがないのは問題でした。今後は、タグの付け方にも気を付けたいと思います！！
asuchi0819さん 貼っていただいたリンクは質問内容に関連することだと思います。ただ、僕の勉強不足でリンクを見ながら考えても、エラーは解消されませんでした、、
今回、初めてteretailで質問をさせていただきまして、よく仕組みがわかっておらず、ベストアンサー以外は-1になることを知りませんでした。僕の勉強量不足ですみません。
これで、質問の回答になっているでしょうか。
asuchi0819さん、大変失礼しました。
私自身勘違いしてた部分があったようです。
低評価を撤回いたしました。
了解しました。
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/10/06 06:21
2019/10/06 10:23
退会済みユーザー
2019/10/06 10:27