Question

我正在将redux表单用于表单元素。提交时显示文本字段值，但不显示单选按钮值。当我提交表单时，我可以获取电子邮件的值，通过但不是角色（单选按钮）。我认为我刚刚在输入元素中使用了<html> <head> <meta http-equiv="X-UA-Compatible" content="IE=8" /> <title>My Web Page</title> <script src="https://www.exampleapp.net/app/script.js"></script> </head> <body> <p>Dynamic Content.</p> </body> </html>，因为它足够了。

这是我的工作方式

radio.js

{...input}

Answer 1

尝试将选中的道具也添加到无线电输入字段中。

<StyledInput {...input} type="radio" checked={option.value === input.value}  />

可能会省略选中的道具。

Answer 2

我不确定它是如何工作的，但是当我从StyledInput中删除type =“ radio”并从调用组件（字段）传递类型时，它会起作用。

<Field name="role" type="radio" component={CardToggle} value="enduser">
  <UserIcon size={60} />
  <Title>End User</Title>
</Field>

<label>
  <StyledInput {...input} type={type}/>
    <StyledBox>
      <CenterElement>{props.children}</CenterElement>
    </StyledBox>
</label>

提交表单时不显示单选按钮值

2 个答案: