包装Antd组件

Question

我想包装antd组件，例如。 Input到MyInput这样我就可以添加支持新的优点和类名，但它采空当我把那么Form

MyInput.js

import { Input } from 'antd'; 

function MyInput({ className='', ...rest }) { 
    const computedClassName = 'my-input '+className; 

    return (
    <Input className={computedClassName} {...rest} /> 
); 
} 

MyInput.defaultProps = Input.defaultProps; 
MyInput.propTypes = Input.propTypes; 
MyInput.Group = Input.Group; 
MyInput.Search = Input.Search; 
MyInput.TextArea = Input.TextArea; 

现在里面，如果我把里面<MyInput />工作<Form/>停止工作

DEMO

我试图调试，看起来像在RC-形式saveRef功能/ lib中/ createBaseForm是receivi NG null作为组件参数，所以这让我觉得是裁判的问题，但我不知道如何解决它：S

Answer 1

没关系我找到了答案......

按Refs文档

参考文献无法在无状态组件上工作，将其更改为类并开始工作