integrate react semantic ui checkbox with redux form

Question

I want to add a in a react semantic UI but it cannot send the checked value to server even after I name Checkbox like this:

<Form.Field
  label="The question is new to the intent library"
  name="newType"
  control={Field}
  component={Checkbox}
/>

This component is inside a form like this:

<Form>
 <Form.Field
  label="Rating"
  control={Field}
  name="rate"
  component={Rating}
  ...
 />
 <That checkbox ... />
 <Form.Field
  label="Comment"
  control={Field}
  name="comment"
  component="textarea"
 />
</Form>

Supposed action should carry the checked value in payload, similar to how rating and comment are carried.

I am stuck in this for half a day Please help me if you notice something. Thanks!

WatsonFungHK · Accepted Answer · 2018-03-06 08:27:48Z

1

The problem is solved by using the following code

<Form.Field 
 control={Field}
 label="The question is new to the intent library"
 name="newType"
 component="input"
 type="checkbox"
/>

answered Mar 6, 2018 at 8:27

WatsonFungHK

511 silver badge5 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

integrate react semantic ui checkbox with redux form

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related