一个不同的且易于阅读的功能组件观察器实现

Question

import useStores from "utils/useStores";
import { observer } from "mobx-react";
const HomeScreen = () => {
const { placeStore } = useStores();
return (
<View>
{placeStore.products.map(p => (
<Text>{p.name}</Text>
))}
</View>
);
};
export default observer(HomeScreen);

它按我预期工作 @computed、@action@observable都在工作。 但我以前从未见过这种实现。 我尝试了这个而不是useObserver((钩子，因为我认为这更具可读性。 有什么想法吗？

Answer 1

如果您指的是此版本：

const HomeScreen = observer(() => {})
export default HomeScreen

两个版本都很好。他们做同样的事情。

Answer 2

这种方式完全没问题，在为 React 引入钩子之前它很普遍，我仍然主要使用它。