javascript - 如何将 ref 属性传递给情感 js 中的组件？

Question

我在我的项目中使用emotionJs作为样式组件，我想将ref属性传递给我的情感样式组件，我该怎么做？

import styled from '@emotion/styled';
const Page = styled.section<PaperProps>(({ theme, color = 'paper' }) => ({
  backgroundColor: color && theme.palette.background[color],
  color: theme.palette.background.contrastText,
  padding: theme.spacing(2),
  borderRadius: theme.radius.default,
}));

export default Page;

当我得到我的 ref 变量时，它返回 null ：

const myRef = createRef();
<Page ref={myRef}> 
....
</Page>