我无法显示机器人消息的时间和日期。 （反应聊天机器人套件）

Question

我正在开发一个反应聊天机器人，我想在聊天机器人的顶部显示日期和时间。我正在使用react-chatbot-kit库。

ActionProvider.jsx

  const handleOverview = (options) => {
    // hora y fecha 
    // const prefixedMessage = `${formattedDate} ${formattedTime}`;
     const prefixedMessage = `24/02/2024`;
    const botMessage = createChatBotMessage(
      `Hola! 👋 Soy ${botName}, su asistente virtual. ¿En qué puedo ayudarte hoy?`,
      {
        widget: "preguntasfrecuentes",
        loading: true,
        terminateLoading: true,
        timestamp: prefixedMessage,
        ...options
      }
    );
    setState((prev) => ({
      ...prev,
      messages: [...prev.messages, botMessage],
    }));
  };

自定义BotMessage.js

import React from 'react';

const CustomBotMessage = ({ message, timestamp }) => {
  return (
    <div className="bot-message-container">
      <span className="bot-name">Tec</span>
      <span className="message-date">{timestamp}</span>
      <div className="react-chatbot-kit-chat-bot-message" style={{ marginLeft: '5px', marginTop: '2px' }}>
        <span>{message}</span>
      </div>
    </div>
  );
};
export default CustomBotMessage;

Answer 1

你能实现这个目标吗？