Javascript 如何使用Meteor中的React Bootstrap从FormControl获取值

我在当前的Meteor项目中使用react引导。我似乎无法使这张表格生效。我做错了什么？我似乎无法读取FormControl输入的值

目前，我遇到了以下错误： “导入/ui/components/add spark.js:35:61:意外令牌（35:61）”

此外，当我将'ref=“city”'添加到FormControl时，我的模式不再工作。 然后我得到了这个错误：“未捕获不变冲突：无状态函数组件不能有引用”

更新： 我已经设法在我的工作中得到了裁判。但我仍然无法从表单中获取值。 当然，我忘了将其作为类对象，这导致了很多问题。但现在我得到了一个不同的错误：

“未捕获的TypeError:无法读取未定义的属性'cityInput'”

当我尝试像这样添加我的函数时：

---

我通过再次阅读React文档来解决这个问题。似乎我只是没有按预期的方式使用React

下面是我的代码，它可以正常工作，并完成我希望它完成的任务：

函数字段组（{id，label，help，…props}）{
返回(
{label}
{help&&{help}
);
}
导出默认类AddSpark扩展组件{
建造师（道具）{
超级（道具）
this.state={value:''}；
this.handleChange=this.handleChange.bind（this）；
this.handleSubmit=this.handleSubmit.bind（this）；
}
手变（活动）{
this.setState（{value:event.target.value}）；
}
handleSubmit（事件）{
警报（'文本字段值为：'+this.state.value）；
}
render（）{
返回(
选择你的城市
选择你的城市
北京
上海
成渝
选择你的人
首先选择你的城市
选择您的位置
首先选择你的城市
内容

单击或拖动此处的图像以上载

提交
)}
}

您对原来的问题做了很多修改，目前似乎不一致。在当前可用的代码中，我想到的一件事是，

handleInsertSpark

是一个箭头函数，而不是一个类方法，这意味着它在词汇上绑定到

this

（可能是全局对象），而不是对象本身。解决此问题后，您能否制作一个简短、独立的版本来演示您的问题？感谢您花时间撰写回复。在我自己多读了一些书之后，我终于发现我完全错了。我现在明白了。Thnk