javascript - Discordjs bot (Nodejs) 如何使用reactjs将数据添加到DOM

Question

我正在开发一个简单的 React 应用程序，它使用不和谐的机器人来处理一些数据。

该机器人的工作方式就像一个魅力，( https://discord.js.org/#/ )

我想要弄清楚的是如何从机器人获取数据并将其显示在我的 React 网页上。

这是供您理解的部分代码(123 是默认值):

<div className="dataDiscord">
   <span id="count" className="ncount"><DiscordBot count=" 123" /></span>
   <p>Members</p>
</div>

所以机器人在线， react 片段应该返回不和谐服务器的总成员数，

client.on('ready', function () {
   var count=client.guilds.get(guildID).memberCount;
   console.log(count);
});

console.log 的计数将返回“9”，因为在不和谐服务器中注册了 9 个人，但我似乎无法访问此特定函数之外的数据以在我的网站上显示它...

我尝试了几种总是返回“未定义”的方法，所以我现在被困在这里，如果有人可以帮助我，我会很高兴

Answer 1

您似乎面临着 JavaScript 中异步代码概念的问题。

您必须知道客户端必须从discord收集数据，并且需要几毫秒才能完成。问题是，在您收到全部数据之前，函数外部的大部分代码已经运行。

我建议您先阅读这篇文章，这是理解 JavaScript 异步代码的绝佳资源:

Understanding Asynchronicity in JavaScript