如何将双精度数组传递给form并在多个subs中使用？

import React, { useState } from 'react';

function MyForm() {
  const [array, setArray] = useState([]);

  const handleSubmit = (event) => {
    event.preventDefault();
    
    // 将双精度数组转换为字符串
    const arrayString = array.join(',');

    // 创建FormData对象并设置隐藏输入元素的值
    const formData = new FormData(event.target);
    formData.set('array', arrayString);

    // 序列化表单数据
    const serializedData = new URLSearchParams(formData).toString();

    // 发送表单数据到后端服务器
    fetch('/submit', {
      method: 'POST',
      body: serializedData,
      headers: {
        'Content-Type': 'application/x-www-form-urlencoded',
      },
    })
      .then(response => response.json())
      .then(data => {
        // 处理后端服务器的响应
        console.log(data);
      })
      .catch(error => {
        // 处理错误
        console.error(error);
      });
  };

  return (
    <form onSubmit={handleSubmit}>
      <input type="hidden" name="array" value={array.join(',')} />
      <input type="text" value={array.join(',')} onChange={event => setArray(event.target.value.split(','))} />
      <button type="submit">提交</button>
    </form>
  );
}

export default MyForm;

const express = require('express');
const app = express();

app.use(express.urlencoded({ extended: true }));

app.post('/submit', (req, res) => {
  // 解析隐藏输入元素的值为双精度数组
  const arrayString = req.body.array;
  const array = arrayString.split(',').map(Number);

  // 在后端服务器中使用双精度数组进行处理
  // ...

  // 返回响应
  res.json({ success: true });
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});