为什么将鼠标悬停在表情符号日志控制台错误上

Question

  const all_emoji = [
    `😀`,
    `🤣`,
    `😍`,
  ];

      <div
        className="chat-box-emoji-picker"
        ref={scroll_content_ref}
        onScroll={compute_scroller}
      >
        {all_emoji.map((emoji) => {
          return (
            <div
              key={emoji}
              className="chat-box-emoji-picker-item"
              onClick={() => {
                on_select(emoji);
              }}
            >
              {emoji}
            </div>
          );
        })}
      </div>

Unchecked runtime.lastError: The message port closed before a response was received.

当我用鼠标悬停在表情符号上时，上述错误会在控制台中注销。不知道为什么

Answer 1

你不应该把 return 放在地图函数中` 返回（ {all_emoji.map((emoji) => {

        <div
          key={emoji}
          className="chat-box-emoji-picker-item"
          onClick={() => {
            on_select(emoji);
          }}
        >
          {emoji}
        </div>
      
    })});`