reactjs-flux

0熱度

1回答

我正在使用一系列React，Flux和react-router（v4）。我的目標是實現服務器端驗證，並根據驗證結果重定向到另一個路線或保持當前並顯示驗證消息。我的想法如下這樣的場景： 1）組件收集數據，並呼籲採取行動 2）商店獲取響應數據是否有效，不斷產生和發出的變化 3）組件檢測的變化並收集國家。如果驗證成功，則重定向到新的路由的功能組件中的部分看起來像（寫在TS）： public com

0熱度

1回答

當用戶成功登錄時，反應路由器v4重定向到認證路由

我是新手，用於反應並從角度遷移並試圖通過Route v4實現簡單的JWT認證的Flux反應應用。我已經成功發送請求到Rails API並獲得了我的JWT令牌。現在我找不到任何編程邏輯的方式將我的應用程序重定向到LoginAction中經過身份驗證的Route組件。 index.js import React from 'react'; import ReactDOM from 'react-do

1熱度

1回答

React - setState（）不更新葉級別屬性

我正在使用react和basic flux來執行數據錄入Web應用程序。因此，我有一個與商店通信的根組件，獲取類似this的複雜數據對象。關於選項選擇元素的更改，我觸發了一個動作，該動作會帶來與上面類似結構的另一個相關對象。我管理這個龐大的對象作爲我的數據錄入頁面的根狀態，並將數據作爲道具傳遞給各個組件。該對象的葉級，我已經綁定到一個Input元素。所以當對象改變時它會改變。所有這些變化都

0熱度

2回答

爲什麼React組件不渲染？

我正在做簡單的反應的應用程序。我需要下訂單。對於該訂單，我需要一份所有用戶和產品的清單。我有CreateOrder組件，其state - users和products中有2個變量。這裏是構造函數 this.state.orders = OrderStore.getState() this.state.products = ProductStore.getState() this.state.u

0熱度

1回答

爲什麼在Flux的calculateState方法中prevState參數爲null？

我在構造函數this.state = {};中設置了狀態，但是參數在calculateState方法中爲空。我應該在哪裏設置容器的初始狀態？ class QuestionnairesContainer extends Component { static getStores() { return [QuestionnairesStore]; } stati

0熱度

1回答

如何正確更新組件？（反應+通量）

我正在使用ReactJs +通量。在我的商店我有一個方法 - getCurrentEvents(key)。它接收密鑰並正確創建對象數組。之後它發佈變化。我有組件列表，它有處理程序。該處理程序應答存儲更改並調用方法displayEvents()。此方法更新組件的狀態。這個概念有效，但不正確。當我打電話給getCurrentEvents(key)它開始更新EventList-component並且不

0熱度

1回答

POST muiltiple多文件陣營

我把這個問題在參考POST a file with React.js 我現在想送的文件列表到端點。我輸入組件： <input onChange={(e) => Actions.uploadXLS(e.target.files)} multiple type="file" name="xlsz" accept="application/vnd.openxmlformats-officedocume

0熱度

1回答

取回api後調用返回403在React js中禁止的錯誤，但在郵遞員工作的相同的URL

下面的代碼不工作，並返回403禁止，但相同的URL給出正確的響應郵遞員工具。 fetch('https://example.com/', { method: 'POST', headers: {'Content-Type': 'application/json', }, body:JSON.stringify(sampledata), }).then(result => c

1熱度

1回答

使用React將文件上傳爲字節流

我有一個應該通過java spring boot API保存在數據庫中的文件。 ReactJS前端代碼： getContractBase64(vendor, value, index) { const reader = new FileReader(); reader.readAsDataURL(value); const scope = this; rea

0熱度

3回答

如何使用任何輸入的快捷方式添加特殊字符？

我有一個應用程序，我需要添加一個特殊的字符，表情符號或類似的東西，每次用戶按快捷鍵Ctrl + D。問題是，我使用的是磁通，並有我的網頁上有多個輸入，所以當有人增加了焦炭引入的一個輸入，它會調用一個動作，派遣到商店，他們更新視圖。要添加此特殊字符我需要處理keyEvent並知道哪些輸入組件正在用來更新存儲中的相應屬性。 handleShortcut(evt) { if (evt.ke