ReduxForm 선택 값 옵션은 필터에 의해 제거되지만 옵션은 내가 돌아 오는 형식을 사용하고

Question

을 선택된 상태로 유지하고 나는 목록에 3 가지 옵션이있다

정상적인 드롭 다운 있습니다. 옵션 1 옵션 2 옵션 3 나는 이제 목록 그냥 옵션 1 이 포함되어 있지만, 옵션 3 여전히 폼 상태에서 선택한 그때 내 필터 입력 필드와 유형 1. 로 이동 옵션 3. 을 선택합니다.

양식을 업데이트하고 해당 옵션이 더 이상 목록에없고 기본값으로 이동한다는 것을 어떻게 알 수 있습니까?

최선을 다했지만 확실하지는 않지만 몇 가지 방법이 있습니다.

/CHANGE 동작 유형 및 필터 필드를 사용하여 formReducer.plugin에 상태 변경 논리를 작성할 수 있습니다.

필터 필드에 입력 할 때마다 select에서 onChange 이벤트를 호출 할 수 있습니다.

선택한 현재 값이 목록에있는 경우 선택 요소 렌더링 기능을 항상 체크인 할 수 있으며, 그렇지 않은 경우 선택되지 않은 기능에 대한 선택 양식 변경 동작을 호출 할 수 있습니다.

r 뭔가 더 좋습니까 ???

Answer 1

일부 구성 요소를 사용하는 경우 onChange 소품을 재정 의하여 구성 요소가 onChange 이벤트를 가져오고 redux-forminput 필드를 가져와야합니다.

export const renderSelect = ({input, meta: { touched, error }, ...rest}) => { 
    return <Form.Select {...input} {...rest} 
     onChange={ (event, data) => { input.onChange(data.value);}} 
    /> 
}; 

const MyFormComponent = (props) => { 
    const {brandData, productData, groupData} = props.optionsData; 
    return (
    <Form> 
     <Field name='brandData' options={brandData} component={renderSelect}/> 
     <Field name='productData' options={productData} component={renderSelect}/> 
     <Field name='groupData' options={groupData} component={renderSelect}/> 
    </Form> 
); 
}; 

당신은 그들의 material-ui example에 제 3 자 형태의 구성 요소와 통합을위한 redux-form 예에서 수행 비슷한 일을 볼 수 있습니다.