как изменить тег html-скрипта на код jsx?

#javascript #html #reactjs #jsx

#язык JavaScript #HTML #реагирует на #jsx

Вопрос:

Возникли проблемы с преобразованием этого в jsx, я знаю, что сам тег в html представляет jsx, но когда я добавляю его в новый файл, это .js, он просто читает мой код как текст? он просто отображает мой код в виде текста на веб-странице (этот код работает на html-странице, это поле ввода, в котором пользователь вводит электронное письмо для рассылки)

 lt;htmlgt; lt;bodygt;  ...styling code elements  ...styling code elements  lt;button class="join" id = "join"gt; join lt;/buttongt;    lt;scriptgt;  let email = document.getElementById("email")  document.getElementById("join").onclick = () =gt; {  console.log(email.value)  fetch("/sendemail?email="   email.value, {  method: "POST"  }).then((res) =gt; {  // success  alert("success")  }).catch((err) =gt; {  // error   alert(err)  })  }  lt;/scriptgt;  lt;/bodygt; lt;/htmlgt;  

Ответ №1:

Вам нужно указать тег HTML-элемента вашего скрипта на файл .js, используя атрибут src. Затем поместите свой текст, который находится между тегами сценария, в сам файл .js.

 lt;script src="main.js"gt; lt;/scriptgt;