在React中使用无状态函数时出错？

Question

当我使用像这样的无状态组件时 -

const EditStoreComponent = function () {
    return (
      <div>New panel Content!</div>
    );
};

它工作正常。但是当使用情况如下（我正在使用react-bootstrap）时 -

const EditStoreComponent = function () {
return (
  <form>
      <FieldGroup
        id="formControlsText"
        type="text"
        label="Store name"
        placeholder="Enter Store Name" />
  </form>
);

};

FieldGroup Component也是无状态函数 -

function FieldGroup({ id, label, help, ...props }) {
  return (
    <FormGroup controlId={id}>
      <ControlLabel>{label}</ControlLabel>
      <FormControl {...props} />
     {help && <HelpBlock>{help}</HelpBlock>}
    </FormGroup>
 );
}

它出现以下错误 - Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. Check the render method of EditStoreComponent。

我无法弄清楚为什么会这样。 请帮帮我。

提前致谢。