也許這是一個非常新手的問題,但我花了很多時間來尋找這樣做的好方法,但我沒有找到方便的答案。我正在嘗試對rest api進行簡單的調(diào)用,并且我想傳遞一個帶有附加到字符串的GET請求的值。像 url/foo 其中 foo 是參數(shù)。我有一個查詢變量,我想將它附加到獲取請求的 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 }
3 回答

慕姐4208626
TA貢獻1852條經(jīng)驗 獲得超7個贊
您也可以在不使用 `` 或 $ 的情況下傳遞參數(shù),在 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
});
}
)
}

撒科打諢
TA貢獻1934條經(jīng)驗 獲得超2個贊
let query = {id:1};
let url = 'https:example.com//xyz.com/search?' + query;
fetch(url)
添加回答
舉報
0/150
提交
取消