材質ui Select和“ redux-form”的意外行為

Question

我有一個簡單的“ redux表單”，其中包含來自最新 material-ui-next的Select組件。

import { TextField } from 'material-ui';

<Field
   name="name"
   component={TextField}
   select
>
   <MenuItem value={1}>Lily</MenuItem>
   <MenuItem value={2}>Mark</MenuItem>
</Field>

工作正常。 Hovewer ，如果我將prop的value從typeof number更改為string ，例如

<Field
   name="name"
   component={TextField}
   select
>
   <MenuItem value="lily">Lily</MenuItem>
   <MenuItem value="mark">Mark</MenuItem>
</Field>

值會正確更改， 但是一秒鍾后，該值將變為0 （與最初一樣），並且所選值消失 （此后為空）。 它只是暫時有一個正確的值，但是不知何故它會自動設置回0 。

甚至嘗試渲染字段：

const renderSelectField = ({ input, label, meta: { touched, error }, children, ...custom }) => (
  <TextField
    {...input}
    select
    onChange={(event, index, value) => input.onChange(event.target.value)}
    children={children}
    {...custom}
  />
)

仍然會更改該值，然后立即返回0 。 如果我用console.log表單值，它將顯示出來（在手動更改值之后）：

{ name: "Lily" }
{ name: 0 }
{ name: 0 }

（一秒鍾內發生）

期待任何幫助。 謝謝。

編輯：這是在redux開發工具中發生的事情，當選擇具有string值的項目時-在這種情況下為pln 。

Answer 1

基於此react-select問題和redux-form問題 ，似乎您需要覆蓋默認的onBlur事件。