Как читать компонент JSX внутри кода JavaScript

Question

У меня есть эта функция удаления:

  showDeleteConfirmation(value, id, index, thisHandler) {
    //const { extraitMP3 } = this.state;
    confirm({
      title: 'Voulez vous supprimer cette audio ?',
      content: '',
      okText: 'Oui, je confirme',
      okType: 'danger',
      cancelText: 'Non',
      onOk() {
        deleteMp3Request(id);
        var { extraitMP3 } = thisHandler.state;
        var array = [];
        for (var key in extraitMP3) {
          array.push(extraitMP3[key]);
        }
       // console.log('array',array)
        const result = array.map(d => ({ 
          ...d, 
          TypeMp3List: 
              Object.fromEntries(
                //console.log(Object.entries(d.TypeMp3List)),
                Object.entries(d.TypeMp3List).splice(index,id)
              ) 
        }))
        // console.log('result',result)
        thisHandler.setState({ extraitMP3: result })
        NotificationManager.success("le fichier audio est supprimé avec succès !", "");
      },
      onCancel() {
      },
    });
  }

Я хочу заменить текстовые сообщения на:

  title: <IntlMessages id="message.required.titresuppressionmp3" />,
  content: '',
  okText: <IntlMessages id="message.required.confirmation" />,
  okType: <IntlMessages id="message.required.danger" />,
  cancelText: <IntlMessages id="message.required.non"/>,

Я сделал импорт, но он не работает правильно. Что я должен сделать именно для успешного чтения. Любая помощь будет оценена. Спасибо

Answer 1

Браузеры не поддерживают JSX, поэтому вы должны использовать babel, чтобы преобразовать JSX в понятный для браузера код JavaScript.Проверьте это учебник