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;