我做了服务的网站,我想使用从购物车的信息发送短信确认,他们填写的表格把他们 Select 的产品和服务.我也想收到同样的信息.

我只有一台服务器正在侦听端口:5000

const express = require('express');
const accountSid = process.env.TWILIO_ACCOUNT_SID;
const authToken = process.env.TWILIO_AUTH_TOKEN;
const  client = require('twilio')(accountSid, authToken);
require('dotenv').config();
const app = express();
const port = 5000;

app.get('/', (req, res) => {

  sendTextMessages();
  res.send(`
  <div style='text-align: center; padding-top:40px'>
    <h1>Hello World</h1>
    <p>This is a sample page</p>
  </div>
  `);
});

app.listen(port, () => {
  console.log(`Example app listening at http://localhost:${port}`);
});

function sendTextMessages() {}

/////////Cart.jsx////////
import React, { useState } from 'react';
import CartItems from '../components/CartItems/CartItems';
import CartForm from '../components/CartForm/CartForm';

const Cart = () => {
  const [formData, setFormData] = useState({});
  const [cartData, setCartData] = useState([]);

  const handleSubmit = () => {
    // Here, you can send the formData and cartData to your server or perform any other action you need.
    // You can access formData and cartData to submit the data.
    console.log('Form Data:', formData);
    console.log('Cart Data:', cartData);
  };

  return (
    <div>
      <CartForm setFormData={setFormData} />
      <CartItems setCartData={setCartData} />
      <button style={{
    backgroundColor: '#ff5a5a',
    color: '#fff',
    border: 'none',
    padding: '20px 60px', // Increase padding for a larger button
    borderRadius: '5px',
    cursor: 'pointer',
    display: 'block',     // Center horizontally
    margin: '0 auto',     // Center horizontally
    fontSize: '18px',
  }} onClick={handleSubmit}>Get Free Estimate</button>
    </div>
  );
}

export default Cart;

推荐答案

为什么在同一个文件中使用前端和后端? 分离前端和后端,并使用Axios与他们通信 搜索如何构建REST API以及如何使用Axios从前端命中终结点

  • 如果您想在同一个项目中创建前端和后端,您可以使用ejs进行服务器端渲染,使用Express.js和.ejs搜索node.js中的MVC

Javascript相关问答推荐

如何从JavaScript中的公共方法调用私有方法?

鼠标移动时更新画布

如何expose 像React在onChange、onClick等中所做的那样的参数?

容器如何更改默认插槽中子项的显示?

有什么(最佳)方法可以从模块中获取脚本模块的多姆元素吗?

我应该在redux reducer中调用其他reducer函数吗?

Angular:动画不启动

Snowflake JavaScript存储过程返回成功,尽管预期失败

colored颜色 检测JS,平均图像 colored颜色 检测JS

实现JS代码更改CSS元素

如何修复我的数据表,以使stateSave正常工作?

类构造函数不能在没有用With Router包装的情况下调用

400 bad request error posting through node-fetch

向数组中的对象添加键而不改变原始变量

Reaction-SWR-无更新组件

为什么在函数中添加粒子的速率大于删除粒子的速率?

我想使用GAS和HTML将从Electron 表格中获得的信息插入到文本字段的初始值中

为什么延迟在我的laravel项目中不起作用?

Jexl to LowerCase()和Replace()

如果对象中的字段等于某个值,则从数组列表中删除对象