[英]TypeError: react__WEBPACK_IMPORTED_MODULE_1___default is not a function or its return value is not iterable
I'm trying to use useState in functional component in react framework.我正在尝试在反应框架的功能组件中使用 useState 。 But I am getting this error.但我收到了这个错误。 What would be the reason?原因是什么?
import useState from 'react';
import Header from './components/Header';
import TodoList from './components/TodoList';
import Form from './components/Form';
function App() {
const [todos, setTodos] = useState({ id: 1, todo: "Todo1" }, { id: 2, todo: "Todo2" });
return (
<div className="row justify-content-center">
<div className="col-lg-6 col-md-7 col-9">
<Header />
<Form onClick={() => setTodos()} />
<TodoList todos={todos} />
</div>
</div>
);
}
export default App;
import ListItem from './TodoListItem';
export default function TodoList(props) {
return (
<div>
{props.todos.map((todo) => <ListItem todo={todo} />)}
</div>
)
}
import styles from '../sass/todoListItem.module.scss';
export default function TodoListItem({ todo }) {
return (
<div className={`card ${styles.title}`}>
{todo}
</div>
)
}
This is because useState
is not the default export from the react
package.这是因为useState
不是react
package 的默认导出。
To import specific modules from a package you should use the curly brace syntax.要从 package 导入特定模块,您应该使用花括号语法。 Try using import { useState } from 'react';
尝试使用import { useState } from 'react';
More information on import syntax can be found here可以在此处找到有关导入语法的更多信息
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.