从方法呈现时，将参数传递给react组件

Question

我正在玩React.js（我是新手）并且有一个奇怪的问题。

我可以从父渲染中渲染子组件。这有效：

<Station id="1" label="Start" />

我试图将其提取到一个方法：

renderStation(id, label) {
  return <Station id="{id}" label="{label}" />
}
// call it from the render() as
{this.renderStation(1, "Start")}

奇怪的是，它传递了字符串＆＃34; {id}＆＃34;和＆＃34; {label}＆＃34;作为道具而不是＆＃34; 1＆＃34;和＆＃34;开始＆＃34;。从同一方法渲染<div>{id}</div>只是运行正常。有什么问题？

在这里看到我的游乐场：https://jscomplete.com/repl?j=HybEKZuub

Answer 1

请删除双引号，你很高兴。

<Station id={id} label={label} />

Answer 2

避免混淆..

let props = {
 "id":id,
 "label":label
}
<Station {...props} />