Tích hợp Phản ứng-Semantic-UI và Redux dạng

Question

Tôi đang sử dụng Redux dạng (awesome libs) để xử lý hình thức & Redux cửa hàng của tôi trong Phản ứng ứng dụng. Mọi thứ hoạt động tốt, các biểu mẫu quan trọng và đầu ra json lồng nhau.

Tôi đang cố sử dụng React-Semantic-UI Thành phần với redux-form. Tôi đã tìm kiếm bên trong tài liệu về cách tích hợp thành phần tùy chỉnh với biểu mẫu redux và tại đây chúng tôi đi: http://redux-form.com/6.5.0/docs/faq/CustomComponent.md/ Có vẻ hoàn hảo.

Nhưng khi tôi tích hợp ngữ nghĩa và điều này, nó sẽ hoạt động.

Đây là thử nghiệm đơn giản của tôi với mã giả:

const TestComponent = props => (
<Form> 
    <Field name="dropdownTest" component={ TestSelect } /> 
</Form> 
) 

và đây CustomComponent tôi sử dụng thả xuống. Bạn có thể tìm thấy các tài liệu thả xuống & đạo cụ (giá trị onChange &) ở đây:

http://react.semantic-ui.com/modules/dropdown

import Form , Dropdown from 'semantic-ui-react' 
import {myOption from './myOption' 

const TestSelect = field = (
    <Form.Field> 
      <label> Test dropdown </label> 
      <Dropdown option={myOption} selection 
            value={{val : field.input.value}} 
            onChange={ param => field.input.onChange(param.val)} /> 
    </Form.Field> 
) 

Như trong tài liệu hướng dẫn, tôi đã thêm giá trị & đạo cụ onChange trên phần Tuỳ chỉnh của tôi.

Tôi nhớ rõ điều gì đó ở đây. Có ai đó có ví dụ đơn giản với dạng redux và semantc ui không?

Cảm ơn bạn đã trợ giúp.

Answer 1

Ok tôi succed:

Để sử dụng Phản ứng Dropdown Semantic, đây là một ví dụ đơn giản:

const TestComponent = props => (
<Form> 
    <Field name="dropdownName" component={ DropdownFormField} 
      label="Dropdown Test" 
     /> 

</Form> 
) 



const DropdownFormField = props => (
<Form.Field> 
    <Dropdown selection {...props.input} 
      value={props.input.value} 
      onChange={(param,data) => props.input.onChange(data.value)} 
      placeholder={props.label} 
    /> 
    </Form.Field> 
) 

Và tất cả mọi thứ đang làm việc tuyệt vời. Bạn có thể làm tương tự với Ngữ nghĩa và bất kỳ thành phần nào.

Hy vọng rằng ai đó thấy điều này hữu ích.