在React中使用axios发送GET请求并传递参数,可以通过在请求的URL中拼接参数或者使用params参数来传递。下面是两种常见的方法:
import axios from 'axios';
const fetchData = async (param) => {
try {
const response = await axios.get(`https://example.com/api/data?param=${param}`);
console.log(response.data);
} catch (error) {
console.error(error);
}
}
fetchData('exampleParam');
在上述代码中,我们使用模板字符串将参数${param}
拼接到URL的末尾。
import axios from 'axios';
const fetchData = async (param) => {
try {
const response = await axios.get('https://example.com/api/data', {
params: {
param: param
}
});
console.log(response.data);
} catch (error) {
console.error(error);
}
}
fetchData('exampleParam');
在上述代码中,我们将参数传递给params
对象的属性param
。
无论使用哪种方法,都可以在后端接收到参数并进行处理。关于axios的更多用法和配置,请参考axios官方文档。
请注意,以上示例中没有提及具体的腾讯云产品,因为在这个问题中不要求提及特定的云计算品牌商。
领取专属 10元无门槛券
手把手带您无忧上云