Antdesign-export-strategy

App.tsx

import * as React from 'react';
import { Input } from 'antd';

const { TextArea } = Input;

export default function App(){
  return (
    <TextArea/>
    <Input.TextArea/>
  )
}

index.tsx

import Input from './Input';
import Group from './Group';
import Search from './Search';
import TextArea from './TextArea';
import Password from './Password';

export { InputProps } from './Input';
export { GroupProps } from './Group';
export { SearchProps } from './Search';
export { TextAreaProps } from './TextArea';
export { PasswordProps } from './Password';

Input.Group = Group;
Input.Search = Search;
Input.TextArea = TextArea;
Input.Password = Password;
export default Input;

Input.tsx

import Group from './Group';
import Search from './Search';
import TextArea from './TextArea';
import Password from './Password';

class Input extends React.Component<InputProps, any> {
  static Group: typeof Group;

  static Search: typeof Search;

  static TextArea: typeof TextArea;

  static Password: typeof Password;
  //...

TextArea.tsx

class TextArea extends React.Component<TextAreaProps, TextAreaState> {
  nextFrameActionId: number;

  resizeFrameId: number;

  state = {
    textareaStyles: {},
    resizing: false,
  };
  /...