Javascript 直到render方法才创建React组件

我正在使用样式化组件，但在尝试为自己创建的组件设置样式时遇到了问题

它以正常方式从单独的npm包中导出

包装

FormComponents.js

export SubmitButton from './_submit-button';

import * as Form from './form-components';
export { Form }

_submit-button.js

export styled.button`somestyles`;

components.js

export SubmitButton from './_submit-button';

import * as Form from './form-components';
export { Form }

index.js

import * as Components from './components'
export const FormComponents = Components.Form;

然后在我的实际组件中，我想使用它，我有：

import { FormComponents as Form } from 'packagename';
const Button = styled(Form.SubmitButton)...

我收到的错误是无法读取未定义的SubmitButton

但是，如果我将

const按钮=…

放在render方法中，它会发现一切正常。所以我假设组件在React启动之前不会被实例化

但是，也可以使用其他元素，例如，如果我将其更改为使用：

const Button = styled(Link)

（来自react路由器dom的链接） 它觉得很好

我错了吗