小编Pau*_*aul的帖子

使用 Jest 测试/模拟 ReactComponent SVG 导入

ReactComponent例如,我将 SVG 导入到我的组件中,并将它们作为组件导入

import { ReactComponent as D1 } from '../../../assets/images/characteristics/D1.svg';
Run Code Online (Sandbox Code Playgroud)

当我运行 Jest/Enzyme 来测试组件时,出现以下错误

元素类型无效:需要一个字符串(对于内置组件)或一个类/函数(对于复合组件),但得到:未定义。您可能忘记从定义它的文件中导出组件,或者您可能混淆了默认导入和命名导入。

看来我需要嘲笑这个吗?我怎么能这么做呢?

svg reactjs jestjs enzyme react-component

6
推荐指数
1
解决办法
9106
查看次数

React Hooks - 将状态设置为初始状态

我正在使用 React useState 在状态中创建一个对象。成功调用 API 后,该数据将更新为数据对象。

我有一个可以更改此状态的表单,但我也有一个取消按钮。单击“取消”时,如何将此状态恢复为其初始值(API 调用后)?

我应该创建另一个状态变量并在那里存储初始状态,然后根据该变量更新我的状态吗?

  const [basePosition, setBasePosition] = useState({});
  const [position, setPosition] = useState({
    id: '',
    title: '',
    description: '',
    authoredBy: '',
    createdDate: '',
    lastUpdatedBy: '',
    lastUpdateDate: '',
    sliderResponses: [],
    tileResponses: [{}],
    template: {}
  });```

Run Code Online (Sandbox Code Playgroud)

reactjs react-hooks use-state

3
推荐指数
1
解决办法
1万
查看次数

标签 统计

reactjs ×2

enzyme ×1

jestjs ×1

react-component ×1

react-hooks ×1

svg ×1

use-state ×1