search

tjx666 / awesome-chrome-extension-boilerplate

Use react + typescript + webpack to enhance your chrome extension development experience
MIT License
407 stars 44 forks source link

能否在脚手架中，将无状态组件修改为有状态组件，方便开发数据管理 #5

Closed ghost closed 4 years ago

ghost commented 4 years ago

如题，我已经在自己的实践中，在 popup 页面，将无状态组件修改为有状态组件啦，其他的还没有动手修改；

tjx666 commented 4 years ago

不知道你是否了解 react hooks，函数组件只要使用 hooks 就可以有状态了。

tjx666 commented 4 years ago

函数组件使用 useState hook 来维持状态的例子，一个简单的计数器：https://github.com/tjx666/react-typescript-boilerplate/blob/master/src/App.tsx。 不过 mobx 貌似一般都是使用 class 组件做开发，但是我不可能满足所有用户的需求。我觉得将函数组件转换从有状态组件也不是什么困难的事情，甚至简单的情况下可以使用 VSCode 扩展一键转换。可以了解一下 VSCode 扩展 vscode-glean