template-literals

0熱度

1回答

反應路由器4.0.0自帶正則表達式來驗證查詢字符串參數。但是，它似乎與ES6模板文字不兼容。這是一個很簡單的例子： <BrowserRouter> <Switch> <Route Route path={routeConstant} component={MyComponent} /> </Switch> </BrowserRouter> 如果你具有以下值試

1熱度

2回答

在模板文字中設置HTML按鈕`onclick`

我有一個html模板，我正在使用模板文字。功能看起來像下面 // postCreator.js export const blogPostMaker = ({ title, content, address, id }, deletePost) => { const innerHtml = ` <blog-post> <h1 class='title'>${titl

4熱度

1回答

RegEx中的模板文字

我試圖在RegEx中放置一個模板文字，但它不起作用。然後，我做了一個變量regex，它包含我的RegEx，但它仍然沒有給我想要的結果。但是如果我console.log(regex)單獨，我這樣做對收到理想的正則表達式，如/.+?(?=location)/i，/.+?(?=date)/i和，但一旦我把regex的.replace裏面似乎並不奏效 function validate (data) {

1熱度

2回答

在稍後的上下文中解析模板文字

我有如下的用例，我在下面填充innerHTML。現在麻煩的是我想解決forloop上下文中的模板文字。任何線索？ var blog_entries_dom = 'blog_entries'; var blog_entries = [ { "title": "Hello World", "id": 2, "body": "<p>Hello World<

6熱度

2回答

TypeScript：Tagged Template Literals顯示錯誤

我正嘗試使用帶打字機的ES5的tagged template literal，但好像類型腳本沒有完全支持它。我有以下一段代碼。 class TemplateLiterals { age: number = 24; name: 'Luke Skywalker' private tag(strings: string[], personExp, ageExp) :stri

0熱度

1回答

模板文字中的函數

我正在爲我正在使用的類創建一個ToDo應用程序（並且還有另一隻小狗），而且我正在調用一個函數來正確調用函數。在jQuery中，我使用模板文字附加每個單獨的項目。 $("#taskList").append(` <div class="list-group-item"> <h4 class="list-group-item-heading ${field.com

3熱度

1回答

使用ES6模板文字傳播語法

我需要動態定義類，所以在我的ES6代碼編寫的代碼生成器： function makeClass(className, baseClass = _DefaultBaseClass, ...args) { return ( eval(` class ${className} extends ${baseClass} { constructor(${...arg

5熱度

1回答

當使用「使用嚴格」指令時，模板文字在IE11中不起作用

當在其他瀏覽器（如Chrome）中使用「使用嚴格」指令時，在IE11中，反碼字符未被識別爲有效字符。考慮到即使在Windows 10用戶中IE11仍然被廣泛使用，這種行爲的解釋是什麼？ "use strict"; function doIt() { let tt; tt = 50; alert(`${tt}`);

3熱度

2回答

visual studio代碼 - html字符串的語法高亮顯示？

我一直在努力已經解決了這個問題，3天，但我似乎無法找到任何擴展到有語法高亮顯示的是使用反引號字符串（我不知道是什麼的總稱對於這種類型的字符串）。但是，如果沒有擴展來爲這種字符串啓用語法高亮顯示，那麼vscode是否有任何設置可以讓我使用higlight語法？

3熱度

1回答

定義模板文字中的函數

我使用styled-components作爲React樣式的解決方案。他們有一個很好的方法，使用模板文字來插入CSS。模板文字傳遞組件的道具，讓你可以做這樣的事情： const PasswordsMatchMessage = styled.div` background: ${props => props.isMatching ? 'green' : 'red'}; ` 結果是呈現