如何在Spring Boot中建立React JS和Apache Kafka之间的连接？

<dependency>
    <groupId>org.springframework.kafka</groupId>
    <artifactId>spring-kafka</artifactId>
</dependency>

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.kafka.core.KafkaTemplate;
import org.springframework.stereotype.Component;

@Component
public class KafkaProducer {

    @Autowired
    private KafkaTemplate<String, String> kafkaTemplate;

    public void sendMessage(String topic, String message) {
        kafkaTemplate.send(topic, message);
    }
}

import org.springframework.kafka.annotation.KafkaListener;
import org.springframework.stereotype.Component;

@Component
public class KafkaConsumer {

    @KafkaListener(topics = "my-topic")
    public void receiveMessage(String message) {
        // 处理接收到的消息
    }
}

import axios from 'axios';

axios.post('/api/send-message', { message: 'Hello Kafka' })
    .then(response => {
        // 处理响应
    })
    .catch(error => {
        // 处理错误
    });

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class MessageController {

    @Autowired
    private KafkaProducer kafkaProducer;

    @PostMapping("/api/send-message")
    public void sendMessage(@RequestBody String message) {
        kafkaProducer.sendMessage("my-topic", message);
    }
}