为什么usestate（）在react js中不起作用？

Question

当我声明一个使用状态变量时，我的React应用程序停止工作。如果我删除美国，则代码可以正常工作。我不明白有什么问题？

import React from "react";
import { Helmet } from "react-helmet";
import { Link } from "react-router-dom";
import useState from "react";

import "./login.scss";

const Login = (props) => {
  const [credentials, setCredentials] = useState({
    user_name: '',
    password: '',
  })


  return (
    <div className="application">
     
    </div>
  );
}

export default Login;

Answer 1

这里可能有一些错误：

1. 您是否从React导入USESTATE？

导入React，{usestate}来自“ React”

2. 您是使用setText设置值还是设置默认状态值？您的当前示例将文本的默认状态设置为''

3. 您是否在渲染方法中返回文本？例如

返回＆lt; p＆gt; {text}＆lt;/p＆gt;

4. 您是否使用React V16.8或更高？如果没有的话，将不可用

Answer 2

将卷曲牙套放在Usestate周围，您像这样导入的地方。

import { useState } from "react";

除此之外，一切看起来都很好！

您可能会删除这条线，

import React from "react";

但不会改变任何东西:)

Answer 3

而不是：

import useState from "react";

写：

import { useState } from "react";

为什么我需要将{}添加到import？

答案：在使用在用默认>默认关键字导出的内容上使用 - 您无需将变量名称包装在>中{}。

但是，当在导出 的东西上使用import不是 作为默认时，您需要包装变量名称使用{}，并准确地说出您要import。