Javascript 将变量设置为反应组件不工作

此代码使用React版本0.14

我试图将var设置为react组件并返回它。我的最终目标是使用开关根据一些道具分配不同的组件。这是我的呈现语句不起作用的部分：

var inputNumber = <InputNumber displayText={this.props.data.DisplayText} />;
return (
    {inputNumber}
);

显然，我对语法的理解有差距

我基于React文档（第四个代码示例）这一部分的工作假设：

应该是：

return (
  <div>
    {inputNumber}
  </div>
);

---

{…}

仅在JSX中是特殊的。在

return (
    {inputNumber}
);

没有JSX。

{…}

表示一个对象文字，即使它在您看来可能不是。ES2015的新功能是一种称为短对象表示法的东西，它允许您省略键。您的代码相当于

return (
    {inputNumber: inputNumber}
);

---

要么返回

inputNumber

要么将

{…}

放入JSX中，就像另一个答案所暗示的那样。

我知道这很简单。非常感谢。

return inputNumber;

return (
    {inputNumber}
);

return (
    {inputNumber: inputNumber}
);