如何在反应中合并 URL 和字符串

问题描述

我有一个状态：

constructor(props) {
        super(props);
        this.state = {
            client: "10XXXXXXX XXXXXXX XXXXXXX",uniq_id: " ",data: [],}
    }

然后，我想根据表单中输入的 uniq_id 显示详细报告，因此当输入报告编号并且用户单击“搜索”按钮时，详细报告数据将出现在下面提供的表格中搜索表单。但是，我在上面的构造函数中 CONCONATE URL 和 UNIQ_ID 状态有问题，这是一个使用 AXIOS 从 API 获取数据的函数：

notiket() {
        axios({
            method: 'GET',url: {'http://1111.111.0000/bla/?m=api&f=blablabla&client_id=bablablabla&uniq_id=${uniq_id}'},})
            .then((v) => {
                console.log(v.data)
            })
            .catch((e) => console.log(e.response))
    }

解决方法

您是否尝试使用模板字符串？那么我认为你的语法错误

为什么要将 url 包装在对象中？

试试这个：

notiket() {
        axios({
            method: 'GET',url: `http://1111.111.0000/bla/?m=api&f=blablabla&client_id=bablablabla&uniq_id=${uniq_id}`,})
            .then((v) => {
                console.log(v.data)
            })
            .catch((e) => console.log(e.response))
    }

否则你总是可以这样做：

notiket() {
        axios.get(`http://1111.111.0000/bla/?m=api&f=blablabla&client_id=bablablabla&uniq_id=${uniq_id}`)
            .then((v) => {
                console.log(v.data)
            })
            .catch((e) => console.log(e.response))
    }