前端開發 - IT屋-程序員軟件開發技術分享社區

當Formik表單更改時更新另一個組件

有一個基本的Formik表單： { setTimeout(() => { alert(JSON.stringify(values, nul ..

發布時間：2022-09-25 10:50:41 javascript reactjs formik 前端開發

Formik驗證正在提交/isValiating未設置為True

我有一個我的用戶請求的表單，我清楚地表明該表單是無效的。因此，我計劃彈出一個sweetalert對話框，讓他們知道他們需要再次檢查表單。我想我可以在驗證中這樣做，以便在提交嘗試失敗時向他們發出警報： const validate = values => { console.log(formik.isSubmitting); // always prints false con ..

發布時間：2022-09-25 10:43:49 javascript reactjs forms formik 前端開發

使用Formik的Reaction驗證最大范圍

我正在嘗試使用Reaction和Formik進行驗證。我希望實現最大位數僅為2，最大范圍僅為12。 expiryMonth: yup.string().required('Select month').max(2, 'Invalid month format (Example: 06)'), 推薦答案您可以使用此命令： yup.string() .required("S ..

發布時間：2022-09-25 10:02:02 javascript reactjs formik yup 前端開發

使用YUP檢查字符串或數字長度的驗證

是否有用于驗證特定長度的yup函數？我嘗試了.min(5)和.max(5)，但我想要確保數字正好是5個字符(即郵政編碼)的內容。推薦答案我不認為有任何內置的東西，但它很容易用test實現： yup.string() .test('len', 'Must be exactly 5 characters', val => val.length === 5) htt ..

發布時間：2022-09-25 09:05:29 javascript reactjs formik yup 前端開發

更新Formik表單上的初始值屬性不會更新輸入值

我對前向裁判使用Forik形式，如下所示 Form.js import React from "react"; import FormikWithRef from "./FormikWithRef"; const Form = ({ formRef, children, initialValues, validationSchema, onSubmit }) => ..

發布時間：2022-09-24 23:49:48 javascript reactjs formik 前端開發

使用YUP和Formick進行密碼驗證

如何進行密碼驗證，同時將錯誤傳遞給不同的變量？即 password: Yup.string().required("Please provide a valid password"), passwordMin: Yup.string().oneOf([Yup.ref('password'), null]).min(8, 'Error'), passwordLC: Yup.string ..

發布時間：2022-09-24 23:11:11 javascript formik yup 前端開發

如何刪除此錯誤"；響應必須在"；處包含數組。創建下拉菜單時(&Q；)

我在創建下拉菜單時遇到此錯誤。我從以下位置閱讀文檔這里 https://ampbyexample.com/advanced/linked_dropdowns/ 響應必須在“.”處包含數組。我發現很少有鏈接提供了一些解決方案，但沒有人對我起作用 https://github.com/ampproject/amphtml/issues/10613 https://github.com ..

發布時間：2022-09-24 22:15:36 javascript amp-html 前端開發

為什么在通過JS為一個HTML文檔添加`svg`標簽時，需要使用`Document.createElementNS`？

這不起作用：數據-lang=“js”數據-隱藏=“假”數據-控制臺=“真”數據-巴貝爾=“假”> const svg = document.createElement('svg') svg.setAttribute('height', '100') svg.setAttribute('width', '100') document.body.appendChild(svg) ..

發布時間：2022-09-24 18:02:44 javascript svg xml-namespaces 前端開發

JavaScript XPath和默認命名空間

我有一些JavaScript/XPath，它不能像我預期的那樣工作。(available on jsfiddle)似乎我對一個XML命名空間做了一些錯誤的事情，使我無法通過它們的節點(標記)名稱查詢元素。如果我嘗試查詢當前節點的所有子節點，我發現元素myElement沒有問題： var xpathResult = xmlDoc.evaluate( "child::*", ro ..

發布時間：2022-09-24 17:54:54 javascript xpath xml-namespaces 前端開發

為什么允許在JavaScript的If語句中重新聲明變量

我知道if語句不像函數那樣有自己的作用域，這意味著它與包含上下文的作用域相同。但如果是這樣，為什么允許我再次重新聲明相同的變量？ var foo = 123; if (true) { console.log(foo) // 123 var foo = 456; // Shouldnt it throw an error if refers to same variable? ..

發布時間：2022-09-24 17:42:38 javascript node.js scope var 前端開發

腳本第n階樹

如果所有單擊的子項都為True，則需要將父項的Clicked屬性更改為True。因此，在本例中，ID-14，15是將CLICKED屬性設置為True。因此，ID 11被點擊的父母必須成為真的。如果11、12、14、15為真，則必須使4為真。 let obj = {children:[ { ID:1, clicked: false, children: [ ..

發布時間：2022-09-23 22:49:39 javascript algorithm tree depth-first-search 前端開發

將先前狀態追加到Redux中的新狀態

我有一個應用程序，它使用第一個createAsyncThunk從API獲取第一個頁面，然后我希望第二個createAsyncThunk獲取下一個頁面，在用戶到達頁面底部并以無限滾動的方法獲取數據時觸發。 // Gets the First 10 Posts from the API export const getPosts = createAsyncThunk( "post/getPo ..

發布時間：2022-09-23 21:56:14 javascript reactjs redux react-redux redux-thunk 前端開發

我正在構建一個Reaction應用程序，并使用redux-thunk進行異步操作。我有兩個函數getActivities()和createActivity()，我想在成功調用后者后調用前者。但是如果我將getActivities()放在createActivity()的then塊中，它就不會被調用(這通過沒有看到我放在getActivities()中的console.log()來證明)。下面是兩個 ..

發布時間：2022-09-23 21:46:12 javascript reactjs asynchronous redux-thunk 前端開發

嘗試抽象WebAudio API xhr請求的部分時，無法將DOM元素傳遞給Java腳本中的構造函數

我的問題是。當我向下面的audioBoing函數添加參數，然后將相同的參數放入getElementById字符串中時，該函數不起作用。我收到一個錯誤，提示未捕獲類型錯誤，無法調用Null的方法‘AddEventListener’ 下面的函數運行正常。我重寫了它下面的函數，以反映我正在嘗試做的事情。最終，我試圖抽象該函數的一大部分，這樣我就可以插入參數并運行它，而不必每次為它存儲/啟動的每個聲 ..

發布時間：2022-09-23 20:23:47 javascript dom web-audio-api 前端開發

使用網絡音頻API的音調變送器？

使用Node js的音調轉換器您好，我是Web開發的初學者！我正在嘗試建立一個在線音頻播放器，為此我需要一個音調變送器。我試著學習Web音頻API，這對我來說不是很容易理解... 有沒有人能用節點js幫助建立一個“音調移位器”……或建議學習Web音頻API的資源... 為什么此代碼在節點js中不起作用？ var audioCtx = new (window.A ..

發布時間：2022-09-23 20:06:21 javascript node.js web-audio-api pitch-shifting 前端開發

如何使用Java腳本在瀏覽器中將從Google文本到語音的Base64響應作為mp3音頻播放

我編寫此代碼是為了在單擊按鈕時播放音頻，但我無法使其工作。谷歌文檔在處理回復方面幫不上忙。有誰能幫幫忙嗎？ async function playVoiceover() { const url ='https://texttospeech.googleapis.com/v1/text:synthesize?key=XXXXXXX' const rawResponse = ..

發布時間：2022-09-23 19:56:22 javascript web-audio-api google-text-to-speech 前端開發

Tone.PitchShift和Howler.js問題

我喜歡在我的(Meteor)應用程序中使用Howler.js。然而，播放速率功能導致了我不想要的音調變化(我只想延長時間，并保持音調不變)。因此，我的解決方案是對它進行音調轉換，以“糾正”音調?？雌饋砗芎唵?，這就是為什么我選擇使用https://tonejs.github.io/ 唯一的問題是，我無論如何都不能讓它正常工作。在閱讀了幾個小時的Web Audio API、Tone.js文檔和在線討 ..

發布時間：2022-09-23 19:49:38 javascript web-audio-api howler.js tone.js pitch-shifting 前端開發

如何在2019年用javascrip做時間跨度音頻播放？

我正在尋找一種最新的解決方案，在不改變音調的情況下放慢/加快音頻播放速度(所謂的“時間拉伸”)。處理應該盡可能快(音頻是語音記錄)。使用Web Worker也不錯。我正在使用Web Audio API。本機HTML5不是我的應用程序的選項。我找到了一些延長時間的解決方案，但這些解決方案部分非常陳舊，不再維護，或者沒有使用它們的例子。我找到的解決方案列表來自here。ThisStac ..

發布時間：2022-09-23 19:38:37 javascript typescript web-audio-api audio-processing 前端開發

是否可以合并兩個音頻字符串以創建唯一的音頻文件？

是否可以合并兩個音頻‘base 64data’字符串以創建唯一的音頻文件？我的字符串中有兩個循環音頻Base64 wav，如下所示： data:audio/x-wav;base64,UklGRuIfQVZFZm1R7SH$WP90AhICLwKT... 我猜我在做一件非常愚蠢的事情，但我想知道這是否可能。我正在嘗試將這兩個wav合并成一個可以在音頻HTML元素中播放的wa ..

發布時間：2022-09-23 19:17:16 javascript audio web-audio-api 前端開發

從音頻中獲取對數字節頻率數據

我之前問了一個類似的問題，但它沒有解決我的問題，而且解釋得很糟糕。這一次，我制作了插圖，希望能更好地解釋。我的音頻播放器有一個簡單的頻譜分析儀。頻率存儲在一個數組中，該數組在每隔requestAnimationFrame進行更新，該數組如下所示： fbc_array = new Uint8Array(analyser.frequencyBinCount); analyser.get ..

發布時間：2022-09-23 19:09:53 javascript web-audio-api 前端開發