ReactJS和Meteor：生成<select>选项？

Question

我正在使用React和Meteor生成有关目录中项目的信息表。我还制作了一个表单，以便用户可以添加新项目。每个项目都有名称，价格和制造商。当我创建所有输入文本区域时，这完全正常，但我想让制造商输入带有根据名为制造商的Meteor集合生成的标签。 Form = React.createClass（{   propTypes：{     制造商：React.PropTypes.object.isRequired   }，   renderOptions（）{     return（＆lt; option value = {this.props.manufacturer.name}＆gt; {this.props.manufacturer.name}＆lt; / option＆gt;）;   }，   submitItem（事件）{     event.preventDefault（）;     var name = React.findDOMNode（this.refs.nameInput）.value.trim（）;     var price = React.findDOMNode（this.refs.priceInput）.value.trim（）;     var manufacturer = React.findDOMNode（this.refs.manufacturerInput）.value.trim（）;     Items.insert（{       名称：名称，       价格：价格，       制造商：制造商，     }）;     React.findDOMNode（this.refs.nameInput）。价值= “”;     React.findDOMNode（this.refs.priceInput）。价值= “”;   }，   渲染（）{     返回（       ＆LT;页脚＆GT;         ＆lt; form className =“new-item”onSubmit = {this.submitItem}＆gt;           ＆lt; input type =“text”ref =“nameInput”placeholder =“Name”required /＆gt;           ＆lt; input type =“text”ref =“priceInput”placeholder =“Price”required /＆gt;           ＆lt; button onClick = {this.submitItem}＆gt; ADD＆lt; / button＆gt;         ＆LT; /形式＆GT;         ＆lt; select ref =“manufacturerInput”defaultValue =“”required /＆gt;           ＆lt; option value =“”禁用＆gt;制造商＆lt; /选项＆gt;           {this.renderOptions（）}         ＆LT; /选择＆GT;       ＆LT; /页脚＆GT;     ）;   } }）; 我该如何工作？我一整天都想把头发拉出去，但Meteor只是一直告诉我“预期相应的JSX收尾标签为（38：8）”。我在这做错了什么？当它们全部完成时它工作正常，但这会破坏我的整个应用程序。

Answer 1

您不小心关闭了select元素：

<select ref="manufacturerInput" defaultValue="" required />

删除/。