JavaScript не может использовать функциональный компонент «useState» в React

Невозможно использовать функциональный компонент «useState» в React

У меня есть функциональный компонент React с хуком useState .

Я использовал этот компонент функции как src для тега скрипта внутри index.html . когда я добавляю метод render в конце этого функционального компонента, он выдает ошибку, сообщающую о недопустимых хуках

Я создал index.html где я назначил welcome.js в качестве источника тега скрипта. Когда этот скрипт выполняется, он вызывает функцию welcome.js . В функции Welcome если я использую хук состояния, он выдает ошибку:

«Неверный вызов ловушки. Хуки могут быть вызваны только внутри тела компонента функции»

 {amp}lt;script src="./Welcome.js"{amp}gt; {amp}lt;/script{amp}gt; 

welcome.js :

 import React, {useState} from "react"; import {render} from "react-dom"; const Welcome = () ={amp}gt; { const [name, setName] = useState("name"); return( {amp}lt;div{amp}gt; {amp}lt;label htmlFor="name"{amp}gt;Name{amp}lt;/label{amp}gt; {amp}lt;input id="name" value={name} onChange= {e={amp}gt;setName(e.target.value)} {amp}gt; {amp}lt;/input{amp}gt; {amp}lt;/div{amp}gt; ) } render({amp}lt;Welcome/{amp}gt;, document.getElementById("root")); 

Я хотел бы знать, почему я не могу использовать хук состояния внутри welcome.js здесь. Разве мы не можем использовать хуки состояния вместе с методом render ?

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector