如何保存shopify php/reactjs应用程序的表单数据？

Question

我创建了一个自定义 PHP 应用程序，并为该应用程序创建了一个带有文本框和按钮的简单表单， 当我在文本框中输入一些文本然后单击提交按钮时，应该保存数据。

但表单数据尚未保存。

为了保存数据我应该做什么？在文件中？

我不知道该怎么办。

开发人员，请帮我解决这个问题。

我该怎么做？

PHP（Laravel/React JS）中的应用程序开发。

下面是我的代码。

文件名 WhatsappSharecart.jsx

文件路径：/var/www/html/shopifyapps/whatsapp_share_cart/resources/js/react/components/WhatsappSharecart.jsx

import {gql, useQuery} from '@apollo/client';
import {Banner} from '@shopify/polaris';
import React from 'react';
import ReactDOM from 'react-dom';
import {Loading} from '@shopify/app-bridge-react';
import app from "/css/app.css";
import { useReducer, useState } from 'react';
import TableData from './table';

function WhatsappSharecart() {
    const [Yes, No] = useState("No");
    const handleChange = (event) => {
     No(event.target.value)
    }
    
    const [enable, setEnable] = useState("");
    const [buttonlabel, setButtonlabel] = useState("");
    const [cartmessage, setCartmessage] = useState("");
    const [buttonposition, setButtonposition] = useState("");

    const handleSubmit = event => {
       event.preventDefault();       
       alert(`Whatsapp Share Cart Enable: ${enable}`)
       alert(`Button Label Is: ${buttonlabel}`)
       alert(`Cart Message on Whatsapp Share Link Is: ${cartmessage}`)
       //console.log("Cart Message on Whatsapp Share Link Is :-",name);
     }

    const [Dafault, Left, Center, Right] = useState("No");

  return (
    <div className="wp_share_cart">
      <h1>Configuration</h1>

      <form onSubmit={handleSubmit}>

      <fieldset>

        <label>
          <p>Whatsapp Share Cart Enable</p>
          <select value={enable} onChange={(e) => setEnable(e.target.value)}>
          <option value="">--Please choose an option--</option>
            <option value="yes">Yes</option>
            <option value="no">No</option>          
          </select>
        </label>

         <label>
            <p>Button Label Text</p>
           <input type="text" 
                  value={buttonlabel}
                  onChange={(e) => setButtonlabel(e.target.value)}
                  name="wp_share_cart_label"/>
         </label>

        <label>
        <p>Cart Message on Whatsapp Share Link</p>          
          <textarea value={cartmessage} onChange={(e) => setCartmessage(e.target.value)} />
        </label>

        <label>
          <p>Whatsapp Button Position on Cart Page</p>
          <select value={Dafault} onChange={handleChange}>
            <option value="default">  Dafault   </option>
            <option value="left">     Left      </option>
            <option value="center">   Center    </option>
            <option value="right">    Right     </option>                            
          </select>
        </label>
        
       </fieldset>
     
       <button type="submit">Save Configuration</button>

      </form>
    </div>

  )
}
export default WhatsappSharecart;