Другая и легко читаемая реализация обозревателя функциональных компонентов

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, и я все еще в основном его использую.