2

我想使用 react-key-index 扩展来生成唯一的 id。我试图实现他们的示例,但无论我做什么,它仍然会抛出同样的错误:

TypeError:Hashids 不是构造函数

链接:react-key-index npmjs

这是一个非常简单的例子:

应用程序.js:

import React from 'react';
import keyIndex from "react-key-index";
import './App.css';

function App() {
  let arr = ["one", "two", "three"];
  arr = keyIndex(arr, 1);

  const list = arr.map(arr => <li key={arr.id}>{arr.value}</li>);
  return <ul>{list}</ul>;
}

export default App;

index.js:

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';

ReactDOM.render(<App />, document.getElementById('root'));
serviceWorker.unregister();

在此处输入图像描述

请问,你知道我在哪里做错了吗?我正在尝试将其设置为全新的反应项目(create-react-app)。从我的角度来看,我已经正确地实现了它(但显然我没有)。以下是该错误在浏览器中的样子: 在此处输入图像描述

4

2 回答 2

0

你跑了npm installnpm install --save hashidshashids是该 npm 包的依赖项:https ://www.npmjs.com/package/react-key-index

require('hashids');如果你安装了 NPM 包,应该加载它;如果它没有找到它,我会期待这样的错误。

于 2019-07-23T03:31:10.100 回答
0

您似乎使用的是旧版本的react-key-index

尝试使用V0.1.1并检查它是否适合您。

我用 React 尝试过16.8.6,它似乎对我很有效。

这是您的参考的工作示例 CodeSandbox

于 2019-07-23T03:42:47.387 回答