gql和styled.div之后反引号是什么意思

问题描述

我正在寻找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;
`;

解决方法

这类功能称为“ tag functions”。它们不是神奇的，但肯定有些先进。

还有两个本机标记函数（例如String.raw）。

所有标记功能仅适用于模板字符串。