当前位置: 首页 > 知识库问答 >
问题:

react.js - 如何正确使用 Umi Max 中的 useModel?

司寇苗宣
2024-02-27

umi max如何使用useModel?
我使用了ant-design-pro脚手架,在里面使用了useModel,创建了一个 文件名为 useTestModel.ts文件,目录结构为 ./src/pages/System/useTestModel
我在另一个文件里使用useModel,提示找不到此文件

./src/pages/System/useTestModel.tsimport { useState } from 'react';export default function useTestModel() {  const [counter, setCounter] = useState(0);  const increment = () => {    setCounter((c) => c + 1)  };  const decrement = () => {    setCounter((c) => c - 1)  };  return { counter, increment, decrement };}

在其他文件中使用

import { useModel } from '@umijs/max';const { counter, increment, decrement } = useModel('useTestModel');return <span>{counter}<span>

页面一直提示找不到 counter
我看umi max的文档写的也不清不楚的,应该怎么使用呢?

共有1个答案

斜瑞
2024-02-27

image.png
image.png

命名空间是不是应该写成System.useTestModel?

 类似资料:
  • 问题内容: 我有一个简单的表格。所有组件和状态都保存在Page组件中。有2个显示标题和3个输入字段。第一个输入应该是文本,第二个和第三个输入应该是整数。当用户输入错误的数据类型时,我想在输入字段旁边弹出一条错误消息。我的问题与React.JS的最佳做法有关 谁认为该值有效?我想输入字段的唯一工作就是将值引导回到保持状态的组件,这是否意味着只有Page可以确定值是否有效? 然后应该如何显示弹出窗口?

  • 我刚刚开始使用覆盖率。于是决定做一个简单的测试来检查它是如何工作的。 Sample.py 测验派克 如您所见,我所有的代码都覆盖了测试,py.test说它们都通过了。我希望Coverage.py显示100%的覆盖率。嗯,不。 然后我添加了这段代码: 并删除了所有测试功能。在那之后,是保险范围。py显示100%: 为什么会这样?我们不应该买保险。py显示代码测试覆盖率,而不仅仅是执行覆盖率?我读过官

  • 我对反应很陌生。js和我一直在研究一个组件类(子类),该类具有函数和单个状态对象,我的最终目标是在父类中使用该类,以便它可以调用其函数并更新状态。 我遇到的问题是: 我不知道组件的生命周期,并且 我有着深厚的文化背景 意思:我一直像对待任何C#类而不是JavaScript一样对待这些组件类。我现在知道了。 但我需要帮助评估我的方法并解决我一直看到的这个问题: 这是我的子类组件 从“React”导入

  • 本文向大家介绍Array.filter中如何正确使用Async,包括了Array.filter中如何正确使用Async的使用技巧和注意事项,需要的朋友参考一下 1. 如何仅保留满足异步条件的元素 在第一篇文章中,我们介绍了 async / await 如何帮助处理异步事件,但在异步处理集合时却无济于事。在本文中,我们将研究该filter函数,它可能是支持异步函数的最直观的方法。 2. Array.

  • 我正在学习使用react和mapbox,但是我很难理解为什么我的mapbox贴图在通过react加载时不能正确渲染。当我正常加载它(没有React.js)时,没有问题,因为以下代码正常工作,并且映射正常显示: 但是当我按照下面的方法操作时,地图通常根本不会出现,或者当它出现时,我只在div的左上角看到它的一部分。 进行缩放或打开chrome开发者工具等操作似乎有时会使地图出现。我不知道发生了什么事

  • 问题内容: 我只想检索UserAccount类中的某些列,所以我有以下代码: 我得到了空值作为回报。但是,如果我注释掉setProjections,我将获得具有所有属性的用户。在这种情况下,如何正确使用setProjection? 问题答案: 它返回一个Object数组,因此代码应为: