Tagged templates


StyledコンポーネントのTemplateテキストについて

  • Styledコンポーネントで使用されるタグテンプレートの原理は何ですか?
  • は、まずdivという関数です.
  • この関数は文字列と値を受け入れ、タグのテンプレートで道具と非道具を区別して道具を受け入れる.
  • var person = 'Mike';
    var age = 28;
    
    function myTag(strings, ...values) {
    console.log(strings, values)
      
    }
    
    var output = myTag`that ${ person } is a ${ age }`;
  • 上の関数でmyTagにtaggedtemplates that ${ person } is a ${ age }と入力すると、次の文字列と値がそれぞれ入力されます.