我做了服务的网站,我想使用从购物车的信息发送短信确认,他们填写的表格把他们 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;