在标记上使用Dropdown或Select - Unknown prop`control`的语义UI问题

Question

使用semanticUI在react.js中创建以下容器（react.SemanticUI）当我在代码中使用它时，我收到以下警告：警告：标记上的未知道具control。从元素中删除此prop。

我无法弄清楚为什么使用as ='select'会出现此错误。如果我删除as ='select'，我会得到一个不同的错误，说我内部没有数组

import React from 'react';
import ReactDOM from 'react-dom';
import PropTypes from 'prop-types';
import {Container, Form, Select } from 'semantic-ui-react';

const AnswerOptionYesNoSelect = ({ Id, Value, onAnswerChanged }) => (
  <Container>
    <Form.Select as="select" required name={Id} defaultValue={Value} onChange={onAnswerChanged} placeholder="Select Options">
      <option value=""></option>
      <option value="Oklahoma">OK</option>
      <option value="Texas">TX</option>
    </Form.Select>
  </Container>
);

AnswerOptionYesNoSelect.propTypes = {
  Id: PropTypes.string.isRequired,
  Value: PropTypes.string.isRequired,
  onAnswerChanged: PropTypes.func.isRequired,
};

export default AnswerOptionYesNoSelect;

Answer 1

用你的Form.Select替换

<Form.Field
    control='select'
    required name={Id}
    defaultValue={Value}
    onChange={onAnswerChanged}
    placeholder="Select Options"
>
  <option value=""></option>
  <option value="Oklahoma">OK</option>
  <option value="Texas">TX</option>
</Form.Field>