CODING 项目管理限时活动

// 前端部分（使用React框架）
import React, { useState } from 'react';

function CommentSection() {
  const [comments, setComments] = useState([]);
  const [newComment, setNewComment] = useState('');

  const handleSubmit = (event) => {
    event.preventDefault();
    setComments([...comments, newComment]);
    setNewComment('');
  };

  return (
    <div>
      <h3>用户评论</h3>
      <ul>
        {comments.map((comment, index) => (
          <li key={index}>{comment}</li>
        ))}
      </ul>
      <form onSubmit={handleSubmit}>
        <input
          type="text"
          value={newComment}
          onChange={(e) => setNewComment(e.target.value)}
        />
        <button type="submit">提交评论</button>
      </form>
    </div>
  );
}

export default CommentSection;

# 后端部分（使用Flask框架）
from flask import Flask, request, jsonify

app = Flask(__name__)

comments = []

@app.route('/comments', methods=['GET'])
def get_comments():
  return jsonify(comments)

@app.route('/comments', methods=['POST'])
def add_comment():
  new_comment = request.json.get('comment')
  comments.append(new_comment)
  return jsonify({'status': 'success'})

if __name__ == '__main__':
  app.run(debug=True)