将Javascript变量导出到React组件中

我正在尝试在React.js应用程序中使用Robot.js。我已经安装了Robot.js，可以运行它在一个单独的文件中获得结果。我找不到在React组件中运行Robot.js的方法，因为我得到一个错误“Robot.getMousePos（）”不是函数。我真正需要的是“hex”的值。有没有办法将变量导出到我的react组件中，或者更好地在同一组件中运行Robot.js代码而不出错

这是Robot.js示例：

const color = () => {
  // Get pixel color under the mouse.
  var robot = require("robotjs");

  // Get mouse position.
  var mouse = robot.getMousePos();

  // Get pixel color in hex format.
  var hex = robot.getPixelColor(mouse.x, mouse.y);
  console.log("#" + hex + " at x:" + mouse.x + " y:" + mouse.y);
};

color();

它返回“hex”的值，该值等于鼠标在给定x和y坐标下的十六进制颜色（#1e在x:746 y:511）

我正在尝试将该输出输入我的React组件，其代码如下：

import React from "react";

const Robot = () => {
  return (
    <div>
      <h1>Robot</h1>
    </div>
  );
};

export default Robot;

从“React”导入React；
const Robot=（）=>{
返回(
机器人
);
};
导出默认机器人；

Robot.js是Node.js中用于桌面自动化的库

React是一个用于在浏览器中进行DOM处理的库

不能在浏览器中运行依赖于Node.js的代码

如果您希望这两位代码协同工作，那么您需要编写一个web服务，它们可以通过该服务进行通信（或者使用Electron之类的工具运行代码，然后使用IPCAPI在主进程和渲染器进程之间进行通信）