Question

使用semanticUI在react.js中创建以下容器（react.SemanticUI）当我在代码中使用它时，我收到以下警告：警告：标签上的未知道具控制。从元素中删除此prop。我无法弄清楚为什么使用as ='select'会出现此错误。如果我删除as ='select'，我会得到一个不同的错误，说我内部没有数组从'react'导入React; 从'react-dom'导入ReactDOM; 从'prop-types'导入PropTypes; 从'semantic-ui-react'导入{Container，Form，Select}; const AnswerOptionYesNoSelect =（{Id，Value，onAnswerChanged}）=＆gt; （＆LT;集装箱＆GT; ＆lt; Form.Select as =“select”required name = {Id} defaultValue = {Value} onChange = {onAnswerChanged} placeholder =“Select Options”＆gt; ＆lt; option value =“”＆gt;＆lt; / option＆gt; ＆lt; option value =“Oklahoma”＆gt; OK＆lt; / option＆gt; ＆lt; option value =“Texas”＆gt; TX＆lt; / option＆gt; ＆LT; /Form.Select> ＆LT; /集装箱＆GT; ）; AnswerOptionYesNoSelect.propTypes = { Id：PropTypes.string.isRequired，值：PropTypes.string.isRequired， onAnswerChanged：PropTypes.func.isRequired， }; 导出默认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>

在<select>标签上使用Dropdown或Select - Unknown prop`control`时出现semanticUI问题

1 个答案: