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';

在此处查看文档：{{3}}

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;

未捕获的TypeError：对象（...）不是函数

2 个答案: