小编Bli*_*itz的帖子

我正在使用 Material-UI 来设计我正在构建的 React 应用程序。我正在尝试在组件内使用我自己的自定义功能组件，但出现<Menu>了一个奇怪的错误：

Warning: Function components cannot be given refs.
Attempts to access this ref will fail.
Did you mean to use React.forwardRef()?

Check the render method of ForwardRef(Menu).
    in TextDivider (at Filter.js:32)

发生这种情况的 JSX 如下所示：（第 32 行是 TextDivider 组件）

<Menu>
    <TextDivider text="Filter Categories" />
    <MenuItem>...</MenuItem>
</Menu>

TextDivider 在哪里：

const TextDivider = ({ text }) => {
    const [width, setWidth] = useState(null);
    const style = {
        display: 'flex',
        justifyContent: 'space-between',
        alignItems: 'center'
    };

    const hrStyle = …