求助：API_URL赋值未使用且模板字符串表达式异常问题

错误根源 #

两个问题都是模板字符串语法使用错误导致的：

• 错误1：'API_URL' is assigned a value but never used：用单引号包裹字符串时，里面的${API_URL}不会被识别为变量，只是普通文本，JS判定API_URL定义后未被实际使用。
• 错误2：Unexpected template string expression：模板字符串必须用**反引号（）**包裹，单引号无法解析${}`变量语法，导致解析报错。

修正后的代码 #

const API_URL = 'http://www.omdbapi.com?apikey=ed015dd';
const App = () => {
  const searchMovies = async (title) => {
    // 替换单引号为反引号，去掉URL中的多余空格
    const response = await fetch(`${API_URL}&s=${title}`);
    const data = await response.json();
    console.log(data.Search); // OMDb返回的结果字段是大写开头的Search
  };

  useEffect(() => {
    searchMovies('spiderman');
  }, []);
};

额外注意事项 #

• 模板字符串的正确包裹符号是反引号（键盘Tab键上方的按键），不是单引号或双引号。
• 原代码中URL里的空格会导致请求地址无效，必须去掉${ API_URL}中的空格。
• OMDb API返回的搜索结果字段为data.Search（首字母大写），原代码里的data.search会输出undefined，建议同步修正。

内容的提问来源于stack exchange，提问作者Arna