我想显示虚假的用户信息[重复]答案

【问题标题】：i want to show fake user infomation [duplicate]我想显示虚假的用户信息[重复]
【发布时间】：2021-12-12 05:48:52
【问题描述】：

我想在屏幕上显示虚假用户信息，所以我使用了 faker.js。我制作了虚假用户信息，将其置于建议状态，并提供 Story 组件然后我想使用地图功能在屏幕上显示用户信息，但它不可能。

这是我的代码

import faker from "faker";

import { useEffect, useState } from "react";
import Story from "./Story";

const Stories = () => {
  const [suggestions, setSuggestions] = useState([]);

  useEffect(() => {

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

  return (
    <div>
      {suggestions.map((profile) => {
        <Story
          key={profile.id}
          img={profile.avatar}
          username={profile.username}
        />;
      })}
      {/* story */}
      {/* story */}
      {/* story */}
      {/* story */}
      {/* story */}
    </div>
  );
};

export default Stories;

import React from "react";

const Story = ({ img, username }) => {
  return (
    <div>
      hihi
      <img src={img} alt="" />
      <p>{username}</p>
    </div>
  );
};

export default Story;

我在“建议”中检查了用户信息。没问题。

我的英语不好，所以感谢您阅读我的问题。

【问题讨论】：

发生了什么？有错误吗？故事的其余部分是否有效？
控制台没有任何错误..但一切正常。只是无法显示地图功能。我正在关注这个 insta 克隆编码 'youtube.com/watch?v=a6Xs2Ir40OI' 1:41:27... 我无法继续前进。 ㅠ-ㅠ
我发现这个“因为一个cookie的SameSite属性没有设置或者是无效的，所以它默认为SameSite=Lax，这会阻止cookie在跨站请求中被发送。这种行为保护了用户数据从意外泄露给第三方和跨站点请求伪造。”这就是我认为的问题，对吧？？
哦，您的地图回调没有返回任何内容。
什么....ㅠㅠ，没什么大不了的...非常感谢！我爱你

标签： javascript reactjs repeat faker

【解决方案1】：

正如 cmets 中的 @Emile Bergeron 所述，.map 函数没有像您期望的那样返回 Story 元素。

{suggestions.map((profile) => {
  <Story
    key={profile.id}
    img={profile.avatar}
    username={profile.username}
  />;
})}

将其更改为：

{suggestions.map((profile) => {
  return <Story
    key={profile.id}
    img={profile.avatar}
    username={profile.username}
  />;
})}

或者用括号替换箭头函数括号（隐式返回）：

{suggestions.map((profile) => (
  <Story
    key={profile.id}
    img={profile.avatar}
    username={profile.username}
  />
))}

【讨论】：