Html 如何使用Redux表单和语义UI呈现选择字段
我使用以下代码渲染选择字段。该字段正确显示选项,但无法选择值。我使用redux表单和语义UI react。有人能帮我吗?谢谢Html 如何使用Redux表单和语义UI呈现选择字段,html,reactjs,react-redux,semantic-ui,redux-form,Html,Reactjs,React Redux,Semantic Ui,Redux Form,我使用以下代码渲染选择字段。该字段正确显示选项,但无法选择值。我使用redux表单和语义UI react。有人能帮我吗?谢谢 import React from 'react'; import {Form} from "semantic-ui-react"; const RenderFieldSelect = field => ( <Form.Select {...field.input} label={field.label} options={fie
import React from 'react';
import {Form} from "semantic-ui-react";
const RenderFieldSelect = field => (
<Form.Select
{...field.input}
label={field.label}
options={field.options}
placeholder={field.placeholder}
fluid
/>
);
export default RenderFieldSelect
import React from 'react';
import { Field } from 'redux-form';
import { Form} from "semantic-ui-react";
import RenderFieldInput from '../formElements/Input';
import RenderFieldSelect from '../formElements/Select';
import {YES_NO} from '../formElements/SelectOptions';
class TestAttributes extends React.Component {
render() {
return (
<div>
<Form.Group widths="equal">
<Field name="test1" component={RenderFieldInput} label="test1"/>
<Field name="test2" component={RenderFieldInput} label="test2"/>
</Form.Group>
<Form.Group widths="equal">
<Field name="test3" component={RenderFieldSelect} label="test3" options={YES_NO}/>
<Field name="test4" component={RenderFieldInput} label="test4"/>
</Form.Group>
</div>
);
}
}
export default TestAttributes;
export const YES_NO = [
{ text: "Yes", value: "Yes" },
{ text: "No", value: "No"}
];
从“React”导入React;
从“语义ui反应”导入{Form};
常量RenderFieldSelect=字段=>(
);
导出默认渲染字段选择
从“React”导入React;
从'redux form'导入{Field};
从“语义ui反应”导入{Form};
从“../formElements/Input”导入RenderFieldInput;
从“../formElements/Select”导入RenderFieldSelect;
从“../formElements/SelectOptions”导入{YES_NO};
类TestAttribute扩展了React.Component{
render(){
返回(
);
}
}
导出默认测试属性;
导出常数是\否=[
{文本:“是”,值:“是”},
{文本:“否”,值:“否”}
];
field.input中有什么?发件人:
如果添加值道具或打开道具,则下拉列表将代理
控制一个道具到你的价值。其他道具仍然是自动的
控制
field.input中有什么?发件人: 如果添加值道具或打开道具,则下拉列表将代理 控制一个道具到你的价值。其他道具仍然是自动的 控制 需要添加
onChange={(e, { value }) => field.input.onChange(value)}
希望这能帮助其他人有同样的困惑。需要补充
onChange={(e, { value }) => field.input.onChange(value)}
希望这能帮助其他人有同样的困惑。嗨,我已经更新了我的帖子。我使用字段并将RenderFieldSelect传递给组件。谢谢。嗨,我已经更新了我的帖子。我使用字段并将RenderFieldSelect传递给组件。谢谢