Uncaught TypeError: Object (...) is not a function

Question

我对 Preact 很陌生，当我想在 Preact 中使用钩子时，我收到一个错误：Uncaught TypeError: Object(...) is not a function而且我不知道该怎么做，网上有一些关于 Preact 的文章这是我的代码import './style';import { useState } from 'preact';function App() {  const [value, setValue] = useState(0);  const increment = useCallback(() => setValue(value + 1), [value]);  return (    <div>      Counter: {value}      <button onClick={increment}>Increment</button>    </div>  );}export default App

Answer 1

你导入错了。应该：

import { useState } from 'preact/hooks';

请参阅此处的文档：https ://preactjs.com/guide/v10/hooks/#usestate

Answer 2

import './style';

import { useState } from 'preact';

const App = props => {

  const [value, setValue] = useState(0);

  const increment = useCallback(() => setValue(value + 1), [value]);

  return (

    <div>

      Counter: {value}

      <button onClick={increment}>Increment</button>

    </div>

  );

};

export default App;