gql和styled.div之后的反引号是什么意思[重复]答案

【问题标题】：What's the meaning of backticks after gql and styled.div [duplicate]gql和styled.div之后的反引号是什么意思[重复]
【发布时间】：2021-02-14 08:18:39
【问题描述】：

我正在寻找 Graphql 客户端 Apollo 的文档，这里我知道查询是一个字符串，但在反引号内，gql 前缀在查询字符串之前是什么意思？我的问题是关于语法

import { useQuery, gql } from '@apollo/client';

const EXCHANGE_RATES = gql`
  query GetExchangeRates {
    rates(currency: "USD") {
      currency
      rate
    }
  }
`;

我已经看到样式化组件的相同类型的语法。

import { styled } from "@styles";

export const Content = styled.div`
  text-transform: none;
  font-size: ${props => props.theme.typography.h4FontSize};
  text-align: center;
  vertical-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
`;

【问题讨论】：

标签： javascript styled-components gql

【解决方案1】：

这种类型的函数称为“tag functions”。它们并不神奇，但肯定有些先进。

还有几个原生标签函数（如String.raw）。

所有标签函数仅适用于模板字符串。

【讨论】：