Question

也许这是一个非常新手的问题，但是我花了很多时间来查看执行此操作的好方法，但是找不到合适的答案。我试图对rest api进行简单的调用，并且我想传递一个值，并将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
    }

Answer 1

摆脱'中多余的引号（'myurl/${this.state.query}'）

Answer 2

您可以在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
                    });
                }
            )
    }

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

3 个答案: