ラッピングAntdコンポーネント

antdコンポーネントをラップしたいと思います。私は<Form/>の内側<MyInput />を置く場合、私はFormラッピングAntdコンポーネント

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にInputので、私は新しい長所とクラス名のサポートを追加することができますが、しかし、それは働いて立ち止まった今では停止します

DEMO

作業私は、RC-フォーム/ libに/ createBaseFormでsaveRef機能がreceiviあるように見える、デバッグしようとしましたNGヌルなどのコンポーネントの引数ので、これは私が感じさせるREFの問題があるが、私はそれを修正するかどうかはわかりません：S

出典

2017-09-13 Kossel