Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何使用Redux表单和语义UI呈现选择字段_Html_Reactjs_React Redux_Semantic Ui_Redux Form - Fatal编程技术网

Html 如何使用Redux表单和语义UI呈现选择字段

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

我使用以下代码渲染选择字段。该字段正确显示选项,但无法选择值。我使用redux表单和语义UI react。有人能帮我吗?谢谢

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传递给组件。谢谢