contextualCard特性在faker.js中有新的形式吗？

Question

从擦拭开始我就没有用过假的了，也不太熟悉它的当前形式。新版本中是否有类似于上下文卡功能的功能？还是一个创建假用户名的函数？我的当前代码如下

useEffect(() => {
  const suggestions = [...Array(20)].map((_, i) =>({
    ...faker.helpers.contextualCard(), 
    id:i,
  }));

  console.log(suggestions);
}, []);

任何事都有帮助。谢谢!

Answer 1

我在做桑尼·桑加的Instagram 2.0视频时也被卡住了。我从本网站那里得到了一个解决方案。

这就是我所采取的方法，它为我解决了。

export default function Stories() {
  const [suggestions, setSuggestions] = useState([]);
  useEffect(() => {
    const suggestions = [...Array(20)].map((_, i) => ({
      userId: faker.datatype.uuid(),
      username: faker.internet.userName(),
      email: faker.internet.email(),
      avatar: faker.image.avatar(),
      password: faker.internet.password(),
      birthdate: faker.date.birthdate(),
      registeredAt: faker.date.past(),
    }));
    setSuggestions(suggestions);
  }, []);
}

Answer 2

那是桑尼·桑加Instagram的视频吗？我在这里也有同样的问题，在搜索了Faker Github中的一些问题之后，他们似乎不推荐它了，所以您应该创建自己的方法来获得具体的对象。我看到了他们自述的一个例子：

import { faker } from '@faker-js/faker';
// import { faker } from '@faker-js/faker/locale/de';

export const USERS: User[] = [];

export function createRandomUser(): User {
  return {
    userId: faker.datatype.uuid(),
    username: faker.internet.userName(),
    email: faker.internet.email(),
    avatar: faker.image.avatar(),
    password: faker.internet.password(),
    birthdate: faker.date.birthdate(),
    registeredAt: faker.date.past(),
  };
}

Array.from({ length: 10 }).forEach(() => {
  USERS.push(createRandomUser());
});

Answer 3

谢谢你的回答马特！对我来说，更简单的操作是使用npm install @6.0.0下载faker的旧版本。