在单击提交按钮时尝试填充数组

// 创建空数组
var myArray = [];

// 获取用户输入的数据
var userInput = document.getElementById('inputField').value;

// 将用户输入的数据添加到数组中
myArray.push(userInput);

import React, { useState } from 'react';

function MyComponent() {
  // 创建数组状态
  const [myArray, setMyArray] = useState([]);

  // 处理提交按钮点击事件
  const handleSubmit = () => {
    // 获取用户输入的数据
    const userInput = document.getElementById('inputField').value;

    // 更新数组状态
    setMyArray([...myArray, userInput]);
  };

  return (
    <div>
      <input type="text" id="inputField" />
      <button onClick={handleSubmit}>提交</button>
    </div>
  );
}

<template>
  <div>
    <input type="text" v-model="userInput" />
    <button @click="handleSubmit">提交</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      myArray: [],
      userInput: ''
    };
  },
  methods: {
    handleSubmit() {
      // 将用户输入的数据添加到数组中
      this.myArray.push(this.userInput);

      // 清空输入框
      this.userInput = '';
    }
  }
};
</script>