包裝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文檔

參考文獻無法在無狀態組件上工作，將其更改爲類並開始工作