javascript - 自定义控制字段不呈现<select>选项我正在尝试严格按照官方教程使用自定义控件来实现字段。但是，尽管我的代码非常接近原始代码，但它会呈现带有选项属性等于 [object Object],[object Object],[object Object] 的空 <select> 元素，而不是呈现填充了我的选项的下拉菜单： const { useState } = React, { render } = ReactDOM, { Form } = semanticUIReact const Input

首页 > 解决方案 > 自定义控制字段不呈现选项我正在尝试严格按照官方教程使用自定义控件来实现字段。但是，尽管我的代码非常接近原始代码，但它会呈现带有选项属性等于 [object Object],[object Object],[object Object] 的空 <select> 元素，而不是呈现填充了我的选项的下拉菜单： const { useState } = React, { render } = ReactDOM, { Form } = semanticUIReact const Input

问题描述

标签： javascriptreactjssemantic-ui-react

解决方案

在您的字段数组中，控件不是字符串。相反，它应该是实际的语义 UI 反应组件。

将“字段”更改为以下 -

import { Form, Select, Input } from "semantic-ui-react";

fields = [
  { label: "Param 1", key: "param1", control: Input },
  { label: "Param 2", key: "param2", control: Input },
  {
    label: "Param 3",
    key: "param3",
    control: Select,
    options: selectOptions
  }
];

这是相同的工作代码 - https://codesandbox.io/s/optimistic-haslett-glvkf

问题描述

解决方案

推荐阅读