如何在JavaScript代码中读取JSX组件

时间:2019-07-03 12:38:08

标签: javascript reactjs react-native jsx message

我具有此删除功能:

  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"/>,

我进行了导入,但是无法正常工作,我应该怎么做才能成功读取。任何帮助,将不胜感激。谢谢

1 个答案:

答案 0 :(得分:0)

浏览器不支持JSX,因此您必须使用babel将JSX转换为浏览器JavaScript代码可理解的格式。选中此tutorial