Javascript 带react的本地网络分析仪

我想用react制作网络监控仪表板。我想做的是获取局域网设备的所有信息，并像手机应用程序一样在react上显示它们。但不是手机，用react JS。 我可以使用一些节点模块访问一些简单的数据，但是我不能在react上运行相同的代码。 我使用的节点模块和输出如下：

var network = require('network'); 
network.get_public_ip(function(err, ip) {
  console.log(err || ip); // should return your public IP address
})
network.get_private_ip(function(err, ip) {
  console.log(err || ip); // err may be 'No active network interface found'.
})
network.get_gateway_ip(function(err, ip) {
  console.log(err || ip); // err may be 'No active network interface found.'
})




network.get_interfaces_list(function(err, list) {
 list.forEach(item => console.log(item));
})

我使用的第二个模块

const find = require('local-devices');

find().then(devices => {


  console.log(devices);

})

当我在react上使用此模块时，会出现一些类似的错误

---

我必须改进react的界面。我应该如何继续？最合理的方式是什么？

网络

是一个Node.js包。它在浏览器中不起作用

解决方案：-

SSR-您可以使用服务器端渲染来渲染React应用程序。使用这些网络包，您可以在服务器端获取信息

客户端呈现—您需要开发一个服务/API，该服务/API将返回客户端所需的所有信息

---

我怀疑浏览器中是否提供了进行监控所需的API。据我所知，我应该使用react for frontend并为backend开发服务。我说的对吗@阿披实亚，你也可以查一下SSR-