[英]Redux-form <Field /> type prop not working for checkbox or radio
嗨,我是 redux forms 的新手,我想知道如何使用“文本”以外的輸入類型。 我瀏覽了文檔,但除了鍵入“文本”和“電子郵件”之外的任何內容都不起作用。 例如,我想使用 type="checkbox" 或 "radio" 但它們沒有出現在瀏覽器 output 上。 我不確定我在這里做錯了什么以及它們無法正常工作的確切原因。 任何幫助將不勝感激。
這是我的 reducers/index.js 文件
import {combineReducers} from 'redux';
import { reducer as reduxForm } from 'redux-form';
import dummyReducer from './dummyReducer';
export default combineReducers({
dummyReducer: dummyReducer,
form: reduxForm
});
這是我使用 redux 形式的 React 組件
import React, { Component } from 'react';
import { reduxForm, Field } from 'redux-form';
class ServiceList extends Component {
render () {
return (
<div>
<label htmlFor="employed">Employed</label>
<Field name="projectOwner" component="input" type="radio" />
</div>
);
}
}
export default reduxForm({
form: 'projectForm'
})(ServiceList);
帶有文本類型(如果使用)的輸入字段顯示在 output 上,但復選框和單選按鈕不起作用,只有我用於它們的 label 出現。 如果這里有某種類型的初學者級別錯誤,我很抱歉,它沒有呈現。
您必須添加 value="some-text" 屬性。 請嘗試此代碼。
<Field name="projectOwner" value="some-text" component="input" type="radio" />
<Field name="projectOwner" value="another-text" component="input" type="radio" />
這完全是因為我在普通舊表單之上使用了 Materialize CSS 庫。 它們具有單獨的語法,以便復選框或單選按鈕出現在 output 上。 如果有人遇到同樣的初學者級問題,我只是想把它放在這里。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.