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

Question

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

Answer 1

这类函数称为“tag functions”。它们并不神奇，但肯定有些高级。

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

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

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

What's the meaning of backticks after gql and styled.div

javascript

gql

styled-components