Java 如何在reactJS的get请求中设置参数

也许这是一个非常新的问题，但我花了很多时间来寻找一个好的方法来做这件事，我没有找到方便的答案。我正在尝试对RESTAPI进行一个简单的调用，并希望传递一个附加了GET请求的值。比如url/foo，其中foo是参数。我想在get请求的url字符串末尾追加一个查询变量。先谢谢你

class About extends React.Component {

    constructor(props) {
        super(props);
        this.state = {
            products: [],
            filteredItems: [],
            user: {},
            query: '' <-- query variable to be appended to the end of the get request
        };

    }



    componentDidMount() {

        fetch(`'myurl/${this.state.query}'`) <-- i want to append the variable at the end of the string ??
            .then(res => res.json())
            .then((result) => {
                    console.log(result);
                    this.setState({
                        products: result,
                        filteredItems: result
                    });
                }
            )
    }

    queryChange = (evt) => {
        this.setState({query: evt.target.value}) <-- update the variable state from an event
    }

---

去掉“myurl/${this.state.query}”中的额外引号

去掉“myurl/${this.state.query}”中的额外引号

您可以在componentDidMount中不使用“`或$”也传递参数

   componentDidMount() {
        let query = this.state.query;
        fetch('myurl/'+query)
            .then(res => res.json())
            .then((result) => {
                    console.log(result);
                    this.setState({
                        products: result,
                        filteredItems: result
                    });
                }
            )
    }

---

您可以在componentDidMount中不使用``或$也传递param

   componentDidMount() {
        let query = this.state.query;
        fetch('myurl/'+query)
            .then(res => res.json())
            .then((result) => {
                    console.log(result);
                    this.setState({
                        products: result,
                        filteredItems: result
                    });
                }
            )
    }

---

你在那里使用的东西不起作用吗？模板字符串看起来是一种很好的方法。实际上，当我提交表单时，我不知道如何调用componentDidMount，这是我目前的问题。你在那里使用的东西不起作用吗？模板字符串看起来是一种很好的方法。实际上，当我提交表单时，我不知道如何调用componentDidMount，这是我目前的问题。好的，当我尝试在字符串末尾附加url+查询时，我在JSON数据的第1行第1列得到了SyntaxError:JSON.parse:意外字符，我尝试获取硬编码的数据，但没有获取json解析错误。。另外，从url中删除逗号时，错误是相同的，因为它会导致堆栈溢出！虽然这个代码片段可以解决这个问题，但它没有解释为什么或者如何回答这个问题。请，因为这确实有助于提高你的文章质量。记住，你是在回答未来读者的问题，这些人可能不知道你的代码建议的原因。谢谢你的帮助，我的问题在别处，但是Avinash Mahlawat和ehutchllew的答案对于所问的问题非常有效。这是我的荣幸，我希望你也能为我这样做。好的，当我尝试在字符串末尾附加url+查询时，我得到SyntaxError:JSON.parse：在JSON数据的第1行第1列出现意外字符，我试图获取硬编码的数据，但没有得到JSON解析错误。。另外，从url中删除逗号时，错误是相同的，因为它会导致堆栈溢出！虽然这个代码片段可以解决这个问题，但它没有解释为什么或者如何回答这个问题。请，因为这确实有助于提高你的文章质量。记住，你是在回答未来读者的问题，那些人可能不知道你的代码建议的原因。谢谢你的帮助我的问题在其他地方，但是Avinash Mahlawat和ehutchllew的答案对于所问的问题非常有效。这是我的荣幸，我希望你也为我这样做。好的，我也发现了我在发布表单时所期望的错误componentDidMount{}将被激发并附加正确的url+查询，但它没有。在按钮的onClick事件中获取数据对我来说很有效。换句话说，我将逻辑从componentDidMount移到了onClick函数中，它工作得很好。是的，很抱歉，我忘了对它进行升级表决。完成。再次感谢你，当我发布表单componentDidMount{}并附加正确的url+查询时，我也发现了我的错误，但它没有。在按钮的onClick事件中获取数据对我来说很有效。换句话说，我将逻辑从componentDidMount移到了onClick函数中，它工作得很好。是的，很抱歉，我忘了对它进行升级表决。完成。再次感谢你