reactjs - 如何在 reactjs 库开发环境中使用 react-hooks？

Question

我想使用 react-hooks 开发一个 reactjs 库。

所以我用 webpack 和 webpack-dev-server 做了一个开发环境。

不使用钩子它工作得很好，但是当我使用它们时，我得到了以下错误。

这是一个重现错误的仓库：Repo github

这是 github 上关于同一问题的相关对话：github issue

标签： reactjswebpackreact-hooks

Answer 1

您可以尝试将 react 和 react-dom 移动到 package.json 中的依赖项（而不是 dev-dependencies）吗？

编辑：

import React, { useState } from 'react';
import ReactDOM from 'react-dom';

const App = () => {
   const [value, setValue] = useState('World');

   return (
        <div>
          <h1>{`Hello ${value}`}</h1>
          <button onClick={() => setValue('Hooks')}>Click</button>
        </div>
     )
}

ReactDOM.render(<App />, document.getElementById('root'));