Javascript 在react本机应用程序中实现IP连接

我编辑了整个帖子，因为它不好

我已使用以下代码连接到我的KNX安装： 当我运行这个节点时，如果值从一开始就没有打开，我所在房间的灯就会打开

所以问题是，我如何在带有按钮的Expo/React应用程序中实现这一点

Error.stackTraceLimit = Infinity;
var knx = require('knx');

if (process.argv.length < 2) {
  console.log('usage: %s <0/1> (off/on) to write to a set of binary switches', process.argv[1]);
  process.exit(1);
}

function setupSwitch(groupaddress, statusga) {
  var sw = new knx.Devices.BinarySwitch({ga: groupaddress, status_ga: statusga}, connection);
  sw.on('change', (oldvalue, newvalue, ga) => {
    console.log(" %s: **** %s current value: %j", Date.now(), ga, newvalue);
  });
  return sw;
}

var connection = knx.Connection({
  //debug: true,
  //minimumDelay: 10,
  handlers: {
    connected: function() {
      console.log('===========\nConnected! %s \n===========', Date.now());
      var v = parseInt(process.argv[2]);
      console.log('---- Writing %d ---', v);
      setupSwitch('1/0/0').write(true);
     
    },
    error: function( errmsg ) {
      console.error(errmsg);
    }
  }
});

Error.stackTraceLimit=无穷大；
var knx=需要（'knx'）；
如果（进程argv.length<2）{
console.log（'写入一组二进制开关的用法：%s（关闭/打开），process.argv[1]）；
过程。退出（1）；
}
功能设置开关（组地址、状态GA）{
var sw=newknx.Devices.BinarySwitch（{ga:groupaddress，status_ga:statusga}，connection）；
开关打开（'change'，（旧值、新值、ga）=>{
console.log（“%s:***%s当前值：%j”，Date.now（），ga，newvalue）；
});
返回sw；
}
var连接=knx.连接({
//是的，
//最小延迟：10，
处理程序：{
已连接：函数（）{
console.log（'=============\n已连接！%s\n==================='，Date.now（））；
var v=parseInt（process.argv[2]）；
console.log（'----正在写入%d---'，v）；
设置开关（'1/0/0'）。写入（true）；
},
错误：函数（errmsg）{
控制台错误（errmsg）；
}
}
});

从“React”导入React；
从“react native”导入{视图、文本、按钮、开关、TouchableOpacity、警报}；
从'@react-navigation/native'导入{useRoute}；
从“../../styles/styles.js”导入{styles}
联系人=（）=>{
const route=useRoute（）；
控制台日志（路由）
返回(
联络
)
}
导出默认联系人；

---

这是我的应用程序

你能用你尝试的代码阻止我们吗？嗨，这是我想要实现localbus.lp（websocket服务器）的.js文件。当我使用html时，我不必使用我的凭据，因为它们都已保存在浏览器中。但是我想用一个应用程序来代替浏览器，我试图找到如何通过Websocket客户端进行连接，但是认证存在问题，我没有找到解决方案，所以我想我可以尝试使用有效的.html。见更新后的帖子。

import React from 'react';
import { View, Text, Button, Switch, TouchableOpacity, Alert } from 'react-native';
import { useRoute } from '@react-navigation/native';

import { styles } from '../../styles/styles.js'

Contacts = () => {



  const route = useRoute();

  console.log(route)
  return (
    <View style={styles.center}>
      <Text style={styles.title}>Contacts</Text>
      <Button
      title="Light1 On"
      ></Button>
      
    
     
    </View>
  )
}
export default Contacts;