redux-form

    0熱度

    3回答

    我有一個動態創建的redux表單字段。例如,當我點擊一個按鈕,我做了: renderFormFields() { const r = someArray.map(s => { console.log(s.Value); return (<Field name={s.Name} type='number' component='input' min='1' {...s.Valu

    0熱度

    1回答

    我正在爲包含多個字段的圖形創建篩選器。他們中的大多數是已知的領域,但是其中一部分是動態的,那就是用戶想要包含在圖中的哪個房屋。這些房屋包含在我的狀態中,並且對於每個用戶都不同(基本上,用戶選擇他們命名的)。這是我想要基於道具動態渲染的房屋部分here。 我發現的唯一例子是this,但是我還沒有找到解決方案,可以將其轉換爲我的問題。我想我可能只是做這樣的事情,每一個房子場放置在陣列中(就像這個例子)

    0熱度

    1回答

    作爲我的表單的一部分,我有一個字段用於選擇項目和客戶端點擊的按鈕,以便將項目添加到他們的單位列表。我希望在單位文本字段中顯示用戶選擇的單位列表。如何爲按鈕實現onclick函數,以便在將選定組件的當前選定值附加到列表中之前,如文本框所示,將該列表作爲選定組件添加到列表中?我有一個單獨的保存按鈕,它將獲取表單數據並在單擊時將其發送到後端。 let EditUserForm = (props) =>

    1熱度

    3回答

    我無法計算如何使用axios和redux-thunk發出請求,以便在查詢後調度動作。 這裏是我的請求模塊 export default { get: function (action, url) { return (dispatch) => { axios.get(`${ROOT_URL}${url}`) .then(({ data }) =>

    6熱度

    1回答

    我正在使用redux根據值隱藏和顯示組件。 了Redux形式文檔提到下列: 連接到多個字段應謹慎使用,因爲它會需要整個部件重新渲染每次任何它連接到改變字段。這可能是性能瓶頸。除非你絕對需要,否則你應該單獨連接到你的領域。 我不清楚,如果我的解決方案基於單選按鈕隱藏和顯示領域是好足夠使用Fields給予警告,應謹慎使用。 您能否澄清我的組件是否有足夠的理由使用Fields。如果沒有,那麼實施的另一種

    0熱度

    1回答

    我使用終極版形式V6.5.0 我想保存的值隱藏字段和更新時this.props.change('field_name', value) 其他一些價值變動在componentDidMount我調用一個函數與表單數據,誰計算並與this.props.change('field_name', value) 此功能更新我的隱藏字段中的每個時間的一個被稱爲參數其他領域的變化。 它工作正常,但我必須警告 Wa

    0熱度

    1回答

    我有一個組件,其中我試圖用我的道具中的一些選項填充<Select />組件。當組件掛載時,我將jobNumbers的狀態設置爲空數組。 我有兩個下拉列表,其值取決於另一個選定的值。當選擇該值時,我運行一個onChange函數來填充第二個下拉列表。唯一的問題是當我做this.setState({jobNumbers: [...array elements...]})時,狀態仍然顯示jobNumber

    0熱度

    1回答

    我們有一個使用redux-form的登錄表單,它不允許在用戶名和密碼填充之前按下登錄按鈕。 它工作正常,除非Chrome自動填充用戶名/密碼字段,我們需要觸發表單驗證,以便如果兩個字段都填充,我們可以啓用登錄按鈕。 我們該怎麼做?

    0熱度

    1回答

    預警所以,這裏是警告: Warning: UserInviteForm is changing an uncontrolled input of type checkbox to be controlled. 看着this票reduxForm V5和其他人後,看來,我得到這個警告,因爲初始值因爲該字段是未定義的,所以輸入值屬性需要使用字段值||來初始化「」。 再做一點點research,受控復

    0熱度

    2回答

    在React中,我試圖使用redux-form執行API更新調用。我可以在initialize的幫助下在編輯表單中獲取數據。它運作良好。除非用戶刷新瀏覽器。在這種情況下,我無法獲取initialize中的數據,因爲它在道具/狀態中不可用。 constructor(props){ super(props); } componentWillMount(){ this.prop