MOBX REACT：定义观察者钩

发布于 2025-01-28 10:17:38 字数 594 浏览 3 评论 0原文

我正在尝试在一个依赖MOBX可观察到的MOBX项目中定义自己的钩子。但是，由于观察者（）必须返回组件，因此无法用observer（）包裹钩子。有没有办法定义观察者挂钩？

例子：

// not working because observer must return a component
const useFindSuggestion = observer(({ target, node, suggestionsStore }: LinkSuggestionWrapperProps) => {
  const [suggestions, setSuggestions] = useState<IDocumentInfo[]>([]);

  useEffect(() => {
    const suggestions = suggestionsStore.getRelevantSuggestions(node, target).filter((s) => s.documentId !== node.target);
    setSuggestions(suggestions);
  }, []);

  return { suggestions };
});

原文

I'm trying to define my own hooks in a MobX project which depend on mobx observables.
But it's not possible to wrap a hook with observer() because observer() must return a component.
Is there a way to define observer hooks?

Example:

// not working because observer must return a component
const useFindSuggestion = observer(({ target, node, suggestionsStore }: LinkSuggestionWrapperProps) => {
  const [suggestions, setSuggestions] = useState<IDocumentInfo[]>([]);

  useEffect(() => {
    const suggestions = suggestionsStore.getRelevantSuggestions(node, target).filter((s) => s.documentId !== node.target);
    setSuggestions(suggestions);
  }, []);

  return { suggestions };
});

分享到QQ

分享到微博