React Native调用Yelp API遇fetch错误：Invalid name求助

数据老陈

2026-8-22

解决React Native调用Yelp API时的TypeError: Invalid name错误

错误原因分析

你的代码存在几个关键问题引发了该错误：

请求头键名包含无效空格：'x- requested - wth'是非法的HTTP头名称，HTTP头键名不允许有空格，正确写法应为'X-Requested-With'
错误设置响应头：Access-Control-Allow-Origin是服务器端返回的响应头，前端发起请求时无需设置该字段
冗余函数参数：getRestaurantsFromYelp中的req, res是Node.js后端接口的参数，React Native前端代码完全不需要这些参数

修正后的代码

const getRestaurantsFromYelp = async () => {
  const yelpUrl = `https://api.yelp.com/v3/businesses/search?term=restaurants&location=NYC`;
  const apiOptions = {
    method: 'GET',
    headers: {
      accept: 'application/json',
      'X-Requested-With': 'XMLHttpRequest',
      Authorization: `Bearer ${YELP_API_KEY}`,
    },
  };
  try {
    const response = await fetch(yelpUrl, apiOptions);
    const json = await response.json();
    setRestaurantData(json.businesses);
  } catch (error) {
    console.error('获取餐厅数据失败:', error);
  }
};

useEffect(() => {
  getRestaurantsFromYelp();
}, []);