javascript - 有条件地将值传递给 Web 组件

Question

我正在使用 Semantic-UI-react，但我的问题不仅限于这个特殊的框架。

我有以下代码：

export const renderInputField = function({ input, transparent, meta: { touched, error } }) {
  if (transparent) {
    return renderField(<Input transparent { ...input } />, touched, error);
  } else {
    return renderField(<Input { ...input } />, touched, error);
  }
}

在这两种情况下基本上都返回一个组件 ( <Input>)，唯一的区别是传递给该组件的值：transparent

是否有可能摆脱 if-else 并做类似的事情：

return renderField(<Input {transparent?'transparent':undefined} { ...input } />, touched, error);

上一行代码失败并出现以下错误：

Unexpected token, expected ...

我正在寻找类似的东西，可以在一行中完成。

标签： javascriptecmascript-6